Каталог навыков агентов

Desktop-specific UX principles - hover states, pointer precision, keyboard shortcuts, multi-window, focus management. Co...

Generates detailed, step-by-step implementation plans for React/Next.js components based on component lists from plan-ba...

Render the UI and prove it's balanced and usable: a deterministic layout audit plus a vision-model-judged usability pass...

Render the UI and prove it's balanced + usable: a deterministic layout audit (centroid / optical-center / pixel-oracle b...

Coding patterns for Shopify embedded admin app. Auto-apply when writing Remix routes, Polaris components, App Bridge int...

Systematic app optimization via multi-dimensional scoring, competitive benchmarking, and Quick Wins sprints. Use when th...

Capture web pages and send them to Figma as editable design files. Use when: (1) User wants to capture a webpage to Figm...

Coding patterns for Shopify storefront customer-facing UI. Auto-apply when writing Preact components, Theme App Extensio...

Design system architecture including components, data flow, and deployment boundaries. Use when user asks to design arch...

Design user experience including flows, interactions, mockups, and accessibility. Use when user asks to design UX, creat...

Agent điều phối toàn bộ quy trình phát triển Frontend 5 bước: B0-Clone giao diện tham khảo → B1-Đọc inbox tạo tài liệu →...

- `references/figma-tools-and-prompts.md` — tool catalog and prompt patterns for selecting frameworks/components and fet...

Guides building interface components test-first: listing each variant, state, and interaction as its own cycle, choosing...

Strict guidelines for building UI components, pages, and layouts. Ensures adherence to brand-identity tokens, technical...

Build React 18+ components — hooks, state management, composition patterns, and a11y.

Standards for using DevExpress (DEXT) components in Delphi VCL applications

DevSkyy dashboard (devskyy.app) implementation patterns — Next.js 16 App Router, React 19, auth gating, admin pages, WP/...

Build dense developer-tool frontends with Svelte 5, semantic CSS custom properties, and focused dependencies. Use for se...

Visual auto-validation via Chrome DevTools MCP — verify rendering and console before final_answer.

[devup-ui] Routing-first front door for Devup UI — a zero-runtime CSS-in-JS library whose Rust + WebAssembly preprocesso...

This skill should be used when implementing features from a PRD spec, tracking implementation progress, or resuming work...

Build, review, or visually inspect UI using eden-ui components, Rails ERB partials, and Tailwind design tokens. Use when...

Trace from a reproduced symptom to the source code that causes it. Identify the specific file and approximate line, then...

Use when a reader needs an editorial architecture, flowchart, sequence, state, ER, swimlane, loop, layer-stack, data-flo...

以來源證據繪製自足 HTML／SVG 的 SSDLC 圖，包括使用案例、UML 類別與順序圖、操作流程、ER、架構、測試與部署圖；依各階段產物分類並核對圖文一致。

Create branded architecture, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, qu...

Create technical and product diagrams — architecture, flowchart, sequence, state machine, ER / data model, timeline, swi...

Create editorial-quality diagrams in HTML + SVG matching your brand — architecture, flowcharts, sequences, timelines, qu...

Skill de geração de diagrama técnico com conclusão sustentada por evidência, não por afirmação — gera SVG determinístico...

MANDATORY for any web UI or styling change. Must be followed whenever touching web/src UI, layout, or CSS. Absolutely no...

Create clear, maintainable technical diagrams using Mermaid syntax. This skill covers architecture diagrams, sequence di...

Create technical diagrams using Mermaid syntax for architecture, sequences, ERDs, flowcharts, and state machines. Use fo...

The `Transition` around a dialog decides when it is mounted and nothing else — the fade belongs to the `TransitionChild`...

DICCE Framework specialized for Product Design, Onboarding UX, In-App Messaging, and Feature Architecture. Structures us...

Digital art tools, techniques, and workflows for art education. Covers raster and vector workflows, digital painting, ph...

Apply Diktat.ai design system guidelines when creating or reviewing Vue/Nuxt components. Use this skill when implementin...

Use when building a pixel diorama in Three.js — one-prompt autonomous builds with staged systems, detailed props, real a...

Present DIRcreative work result-first, using the project's chosen discussion, direct, or checkpoint interaction mode.

Select dynamic narrative, visual-production, and model-continuity perspectives for Studio film-preproduction work.

Turn approved treatment into script-ready scenes, action, dialogue, voiceover, and no-dialogue decisions.

Convert script and breakdown into professional shot list, camera plan, blocking plan, and shot QA.

Define visual continuity for characters, environments, props, wardrobe, lighting, palette, and texture.

Los usuarios interactúan directamente con objetos en lugar de comandos abstractos. Use cuando diseñe editores, interface...

Writes high-converting landing pages and sales copy using proven page architecture and persuasion principles. This skill...

Design a Seedance 2.0 two-player co-op game menu or opening animation with stable character bindings, approved visual di...

Add or revise a Direct deterministic development composition around product-owned ports, strict JSON worlds, scenarios,...

Scaffold a directions lab that shows shipped UI (Today) beside 2-3 design directions, with surface tabs, theme and anima...

User-facing creative director and production orchestrator for generated video. Use for product ads, UGC, brand films, dr...

Discord ops via the message tool (channel=discord).

Discord ops via the message tool (channel=discord). Use when sending messages, reacting, managing channels, threads, pol...

Discord message-tool ops: send/read/edit/delete, react, poll, pin, thread, search, presence, media/components.

Diseñar las pantallas del producto con Google Stitch (por MCP o pegando el prompt): armar el brief desde la ficha del Ce...

Orienta cualquier trabajo sobre la interfaz de AguaVigía — pantallas, componentes, estilos, animaciones, prototipos o el...

Provides guidelines for developing projected Android XR apps for display glasses using the Jetpack Compose Glimmer UI to...

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.

Reduction pass — cuts content, structure, visuals, and dead code that doesn't answer a user question or drive an action,...

Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean. Use when...

Recognize breakthrough moments, blocking resolutions, and design decisions worth preserving. Detect high-value insights...

Builds distinctive, production-grade UI by committing to one of 12 named visual directions (editorial, brutalist, luxury...

Patterns for creating design systems with personality and distinctive aesthetics. Covers aesthetic documentation, color...

Context-driven aesthetic exploration with anti-cliche validation.

Dot-pattern rendering technique that simulates shades with a limited palette for nostalgic, retro, high-contrast visuals...

Pixel-dither texture with retro-computing 1-bit aesthetic

Generate 3–5 conceptually distinct approaches to a task before implementing. Labels each by creativity dimension: Novel,...

Use this skill when the user is writing CSS for Divi 5, creating styles for WordPress/Divi, working with Divi modules, o...

Use when theming the Django admin with django-unfold - settings and sidebar configuration, custom admin site, components...

Create, redesign, or review modern desktop interfaces in Qt 6 / QML / Qt Quick with the polish of modern desktop product...

Cria, implementa, corrige, moderniza e mantém interfaces de aplicações web baseadas no Tabler, sempre usando CDN para Ta...

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Wrap definition items in...

Use when working on the DnD Map Builder — a Next.js 14+ interactive map tool for DMs. Local install at C:\Users\joshu\On...

Valida la configuración de Docker, construye imágenes y verifica que todos los servicios arranquen correctamente. Cheque...

Technical documentation architect that creates comprehensive technical documentation (both short-form guides and long-fo...

Use when working on document classification — `classify_document` tool, OCR pipeline, document type taxonomy for insuran...

Determines which PRD, ADR, UI Spec, Design Doc, and Work Plan a change requires and where each is stored. Use when decid...

Documenting and categorizing project prompts and decisions for StickerNest. Use when the user asks to document a session...

Use when evolving aggregate invariants, value objects or domain events in an existing DDD-style Spring Boot 3 applicatio...

ドメインイベントパターンを使用して、ビジネスドメイン内で発生した重要な出来事をモデル化・永続化・伝播するスキル。イベントソーシング、CQRS、イベント駆動アーキテクチャの実装をサポートする。Anchors:• Domain-Driven D...

Use when the work introduces or reshapes a domain concept: agree the vocabulary and where the rules live before designin...

为您的项目生成创意域名想法，并检查多个顶级域名（.com、.io、.dev、.ai 等）的可用性。节省数小时的头脑风暴和手动检查时间。

Configure ServiceNow multi-tenant domain separation — domain hierarchy, sys_user_has_domain membership, domain-aware vs...

ドメイン駆動設計におけるドメインサービスの識別・設計・実装を専門とするスキル。エンティティや値オブジェクトに属さないドメインロジックを適切にモデル化する。Anchors:• Domain-Driven Design (Eric Evans)...

Expert guide for generating beautiful, professional PDFs with DomPDF (barryvdh/laravel-dompdf) in the KLASSCI Laravel pr...

Front-end development standards for Dutch government websites. Use when building accessible government web applications,...

Frontend voor Nederlandse overheid: NL Design System (NLDS), WCAG toegankelijkheid, digitoegankelijk, axe, screenreader,...

Hand-drawn, sketch-like style with doodles, handwritten fonts, and imperfect lines for a playful, informal feel.

Hand-drawn sketch style with playful lines and imperfect charm

A pixel art specialist agent that generates pixel art using code (SVG/Canvas/Phaser 3/Pillow/CSS). Also supports delegat...

Builds a Canvas 2D field of touching circles, 42 across on a square lattice, in which a letter or a procedural pattern a...

DOTS RPG grid inventory, item passive effects, and set bonuses — polyomino placement, rotation, auto-fit, PassiveEffectS...

豆包官方 UI 设计：用于可评审网页或移动端界面，并交付设计说明与可运行原型。覆盖官网、Landing、Dashboard、B 端后台、App、小程序、H5、活动页、设计展板、数据大屏的设计、改版、还原。海报/配图交 doubao-crea...

UX designer — user flows, information architecture, wireframes, and interaction design.

UX designer — user flows, information architecture, wireframes, and interaction design. Use when asked to "design a user...

Creates a draft of frontend/client-side code for a feature from a detailed ticket (output of analyse-feature) or braindu...

Protocole strict pour extraire le code depuis le brouillon de l'Architecte. Évite les hallucinations et les dépassements...

Trace a reported defect from symptom to specific root cause — the file, the logic, and why it is wrong — and author rca....