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

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...