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

Use before writing or restyling any UI, landing page, or component so the output matches the actual brand instead of def...

Canonical overlay for graphical UI or frontend redesign, polish-heavy implementation, and deep UX review; use `ui-guidan...

Design and implement user interfaces with Tailwind CSS, shadcn/ui components, and modern design patterns. Use when creat...

Senior design consultant with Jony Ive's philosophy. Reviews holistic product design for true simplicity, inevitability,...

Common interface patterns, navigation patterns, form patterns, data display patterns, feedback patterns, and accessibili...

Comprehensive design review for websites and desktop applications with extensive accessibility analysis. Use this skill...

Expert guidance for creating beautiful, accessible, and user-friendly interfaces.

Design critic that identifies generic "AI slop" patterns and pushes for creative, distinctive UI. Reviews every UI task...

从用户任务、信息架构到组件状态和开发标注的可落地 UI 设计流程。

Use when creating, extending, or auditing a project-grounded UI design system: visual direction, semantic design tokens,...

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive d...

The single design-system skill — the token contract format, the searchable design library (50 styles, 97 palettes, 57 fo...

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Generate a complete design system (tokens, colors, typography, spacing scale) as JSON/CSS variables from a brief. Trigge...

当使用者说"帮我做个界面"、"这个页面太丑"、"看着像模板/像 AI 做的"、"给这个项目定个视觉风格"、"配色和字体你来定"、"把这几个页面统一一下"时使用。先从项目本身抠出一个具体意象，据此定出一版完整的 CSS 变量与排版尺度（不是"...

Multi-specialist UI design and implementation team for cross-platform applications.Use when working on: (1) UI/UX design...

You are a creative and meticulous UI Designer with a passion for crafting beautiful, intuitive, and pixel-perfect user i...

Expert UI designer specializing in visual design systems, component libraries, and pixel-perfect interface creation. Cre...

Highly opinionated user interface designer. Turns vague screens into concrete interface direction with strong hierarchy,...

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users prov...

Expert UI designer specializing in component creation, layout systems, and visual design implementation. Masters modern...

Définit le design system, les composants UI et les guidelines visuelles. Utiliser après l'UX design ou quand le projet n...

Elite UI/UX Design Lead & Frontend Architect. Generates distinctive, non-templated interfaces with opinionated aesthetic...

Expert visual design craft, UI systems, and pixel-perfect implementation. Activates when building, styling, reviewing, o...

Primary entry point for ALL UI changes. Orchestrates theme-ui-specialist and react-specialist as sub-agents. Masters lay...

设计界面视觉方案：页面结构、布局栅格、组件状态、配色、字体、间距/圆角/阴影规范与响应式规则，并编写零构建可运行的 HTML/CSS/JS demo。触发："设计这个界面"、"页面怎么布局"、"出个 UI 设计"、"写个 HTML demo...

UI/UX design skill for creating wireframes, interactive HTML mockups, design specifications, and component patterns usin...

UIを「情報設計（優先度/構造）＋インタラクション（状態遷移）＋ビジュアル（トーン）」として設計し、実装可能な仕様へ落とす。見た目だけでなく、ルール化（コンポーネント/トークン）に寄せる。

Read outputlanguage from .ai/context/workflow-config.md. Write ALL deliverables in that language. If the file is absent...

Use this agent when designing visual interfaces, creating design systems, building component libraries, or refining user...

UI/UX design for landing pages, marketing sites, Telegram Mini Apps, and conversion-optimized web blocks. BM25 searchabl...

Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.

Verify that repository documentation, product contracts, route docs, and UI spec packages are linked and consistent. Use...

当需要设计页面布局和视觉风格、建立或更新设计系统、配色和排版决策、动效和过渡设计时使用。Matías Duarte 思维模型。

Implement approved product-surface contracts in durable frontend code and produce render-grounded contract evidence. Use...

Systematic protocol for upgrading a 'functional' UI into a 'premium' UI.

Systematic iOS/SwiftUI UI audit with design intent interview, 14-domain analysis (including Color Audit with adaptive Co...

Product-level UI/UX design, evaluation, and verification, emphasizing security value, economic clarity, and broad user c...

Implementa um redesenho amplo de UX/UI em apps, sistemas e landings existentes, preservando funcionalidades e regras de...

Orchestrate the full UI-Factory chain (color-system → design-system → component-library → dashboard) for complex UI task...

Routes Figma creation, editing, inspection, connection, components, or motion to the matching Figma workflow.

Final visual polish for an existing UI without redesigning it. Use after structure is clear, when asked to improve spaci...

Creates production-ready UI immediately from any description. Generates complete pages, components, and realistic mock...

Generate implementation instructions or code patches for UI issues identified by ui-review

Use when fixing, auditing, improving, or building any web UI — before reading or editing component code. Fires on contra...

Specify a multi-screen user journey or flow — the screens the user moves through, the decision points, the success and f...

Protects design and theme files from unintended changes. Locks tailwind.config, global CSS, and theme variables. Require...

Convierte una maqueta HTML/CSS hi-fi de docs/diseno/ en un componente Angular del proyecto: spartan.ng (helm) + utilidad...

Generate User Interfaces (Web, CLI, Mobile) using GenUI, HTMX, or TUI patterns. Use when: ui gen.

Generate frontend code (HTML, CSS, React, Vue, Svelte, Tailwind, vanilla, etc.) from an existing UI spec — and only from...

Generate UI components from natural language descriptions.Use when: user asks for a page, component, or UI element.Trigg...

Baseline overlay for routine graphical UI and frontend changes that preserve the existing design language; use `ui-desig...

HMIS UI development guidelines for JSF/XHTML pages. Use when creating or modifying XHTML pages, PrimeFaces components, p...

Implement UI using Shadcn MCP (atoms/theme) and 21st.dev MCP (complex sections). Use when adding buttons, layouts, or ge...

Convert UI screenshots, website URLs, screen recordings, mockups, and design images into editable React/Vue/HTML/CSS fro...

Implement one UI page from an approved generated design, a user-provided design artifact, or an authorized existing webs...

Implement project-consistent UI through page classification, bounded references, semantic tokens, skeleton-first deliver...

Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validati...

Agent: ui-improver

Use when analyzing a UI screenshot to describe layout structure and interface functionality.

当用户需要根据 UI 截图输出布局结构和功能说明时使用。

(ePost) Use when building, auditing, or documenting UI library components through the Figma-to-code pipeline across web,...

Select and use UI/component libraries (Tailwind, shadcn, Radix, MUI, Chakra, AntD, Headless, React Aria): detect existin...

Quick automated lint — detects common design system violations in seconds

Write or refine UX copy — button labels, error messages, empty-state text, tooltips, helper text, loading messages, conf...

Mobile UI patterns - React Native, iOS/Android, touch targets

Create high-fidelity UI mockups in HTML/CSS — dashboards, mobile screens, landing pages, and component previews.

PRD 到高保真 UI 交付对齐 / 桌面工作台 UI mockup：当用户已有 PRD、UI 规范、真实前端项目路径、截图或页面状态清单， 需要先从 PRD 提炼 UI 结构、状态模型和 ASCII 布局，再进入高保真 mockup、项目...

Modernize a React/Vue/Svelte + Tailwind UI to 2026 SaaS-grade design (Linear / Vercel / Stripe / shadcn aesthetic). Supp...

Atomic-design guidance for Molecules — functional groups of atoms (SearchBar = input + button + icon; FormField = label...

Apply a named StyleSeed motion to a component — either one of the 5 personality seeds (Spring/Silk/Snap/Float/Pulse × en...

Standards for UIKit, Auto Layout, and Apple Human Interface Guidelines.

Autonomous neuro-ergonomic + a11y UI audit and iteration skill. Combines WCAG 2.2 AA standards, cognitive science princi...

Analyze a website page's UI for obvious oddities: the same information repeated multiple times (a phone number shown thr...

Read the current project state and recommend which UI skill to run next. Use this skill whenever a user asks "what shoul...

Atomic-design guidance for Organisms — complex feature-level sections (Header, ProductGrid, CommentSection) that compose...

Grade and steer UI work using Anthropic-style design dimensions—coherence, originality, craft, and usability—for generat...

A design/frontend skill bundle — the single entry point for high-fidelity UI work. Loading ui-pack pulls in the whole UI...

Creates, extends, repairs, validates, versions, and publishes reusable UI Packs. Use when adding or changing UI Pack Fou...

Scaffold a new mobile page/screen using the StyleSeed layout patterns

Use when scaffolding a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell co...

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Use when generating reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed...

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primit...

Ready-to-use UI patterns library for common scenarios - stats dashboards, data tables, forms, modals, and feedback state...

Opinionated UI constraints and patterns for building better interfaces. Focuses on accessibility, usability, and impleme...

Generate UI design contract (UI-SPEC.md) for frontend phases

UrhoX UI Design — PixelForge Retro Pixel-Art Style. Use when users need to (1) 创建像素/复古/8-bit/街机风格的游戏 UI, (2) 使用像素字体和硬边阴影...

Skill de polish de interface — os detalhes pequenos que fazem uma UI parecer refinada em vez de "ok". Use ao construir c...

Four quality gate checklists for frontend: baseline visual, accessibility, metadata/SEO, and motion performance. Post-im...

Design engineering principles for making interfaces feel polished. Use when building UI components, reviewing frontend c...

UI 质量打磨器：逐项检查、细节优化、确保产品级 UI。触发词：打磨 UI、优化界面、检查细节、美化页面。

Customize installed shadcn and Lucide visuals.

Propose a UI change for human sign-off before building it. The default path deploys a rough live staging preview (with N...

Explore multiple *divergent* UI directions for a screen as named Swift