Навыки: Дизайн

A specialized agent for user-facing text, responsible for microcopy, error messages, voice & tone design, onboarding cop...

Writing user-facing UX text including microcopy, error messages, voice and tone design, onboarding copy, and accessibili...

Rebuilds a Figma design as code so that input, validation, state, and branching actually work in a single HTML file. Not...

Solve a complex bug or design problem by building a tiny isolated prototype first, instead of patching the production sy...

Genera las vistas estáticas navegables del producto (landing, auth, app, legales, errores y las propias del mapa de pant...

Build a throwaway prototype to answer a design question. Use when the user wants to prototype, sanity-check whether a st...

Scaffold a feature prototype under docs/prototype/<feature> — a PROTOTYPE.md (UX, features, high-level data model) with...

Produces self-contained HTML/CSS mockups and wireframes from design tokens and page specs — the output is always a viewa...

Explicitly build a disposable logic or UI prototype to answer one design question.

Build the component in Figma using the chosen design approach from ideation

Create quick React prototypes that bundle to a single HTML file. Use for demos, interactive experiments, or shareable ar...

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip...

Build a throwaway prototype to flesh out a design before committing to it. Routes between two branches — a runnable term...

Build a bounded disposable experiment to resolve a specific uncertainty. Triggers on "prototype", "原型".

Rapid UI prototyping — generates 3 visually distinct HTML/CSS components from a text prompt, each driven by a unique phy...

Build a throwaway prototype to flush out a design before committing to it. Routes between two branches — a runnable term...

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model o...

Build a throwaway HTML or in-app prototype that answers one design question. Use when the user wants to try a state mode...

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or sever...

Generate N different HTML implementations of a UI feature, preview them, and iterate a few times, a fast "show me the op...

Use when asked to prototype one design question through a cheap logic or UI experiment. Builds a throwaway artifact, rec...

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model o...

Advisory design reference for prototype; preserve current canonical rules, incumbent components and user authorization.

Advanced prototyping (Artifacts/Figma/Lovable/v0/Bolt)

Build a self-contained local prototype at .turbo/prototypes/<slug>.html, drive it, and hand it to the user to settle unk...

Creates page file structure (TSX + SCSS module + manifest entry) in the sandbox mattermost-proto-playground project

原型界面设计工具。当用户需要根据 PRD 生成高保真原型页面、快速出原型确认需求、或进行 UI/UX 设计验证时使用。支持移动端和 PC 端应用。

创建交互式原型以验证设计方案。支持 HTML 原型输出格式。当用户需要设计 UI/UX、创建原型、设计用户流程，或说"创建原型"、"设计这个功能"、"UI 原型"时使用。支持迭代模式（基于现有样式）和新产品模式（自定义设计规范）。 Also...

Prototype, 交互原型, 原型设计, UI prototype, 原型视觉优化。Use when: PRD 和 User Journey 完成后，需要在前端仓库中生成或打磨视觉精美、可交互的隔离原型，在进入 HLD/API Cont...

A closed-loop system for evolving UI designs using AI personas as users.

Convert Claude Code prototypes into structured Figma design files with component mapping, state flows, and interaction a...

Build 2-4 visual variants of a UI to decide what something should look like, viewable together for direct comparison. Us...

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip...

Generates provocative but strategically relevant concepts for websites and digital experiences before interface design b...

Elementos cercanos se perciben como relacionados. Use cuando agrupe controles, organice formularios, o diseñe layouts qu...

Compare concrete module and type designs for a nontrivial boundary or ownership change. Use for architectural design req...

Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography.

Publish video to social media platforms with metadata, thumbnails, and platform-specific optimization.

Maintain an existing Proto UI Prototype or implement a governed Base or design-language component slice. Use for governe...

Reproduce and repair a bounded Proto UI regression whose expected behavior and owning layer are already governed. Use th...

Create or revise a governed Proto UI spec entity after identity, ownership, lifecycle intent, semantic scope, relations,...

Design or implement the smallest complete executable evidence for a governed Proto UI behavior. Use for conformance case...

Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying m...

Handles Laravel Pulse setup, configuration, and custom card development. Activates when installing Pulse; configuring th...

Use whenever Kyle says icon slop, de-slop the icons, visual identity cleanup, icon inventory, icon audit, replace generi...

Professional PWA Builder skill. Build accessible, performance-tuned, responsive UI components with clean design standard...

Progressive Web App development with Service Workers, offline support, and app-like behavior. Use for caching strategies...

FastAPI patterns for API design. Use when creating endpoints, handling dependencies, error handling, or working with Ope...