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

Explore UI and visual design with image generation, then iterate the real implementation against the user-selected conce...

Minispec（仕様）を実装設計に落とす DesignDoc を Linear のプロジェクトドキュメントとして作る。「DesignDoc を作って」「設計ドキュメントを書いて」「/designdoc <チケット>」で呼び出す。コードを裏...

UI/UX Designer for interface design and user experience. Creates mockups, wireframes, and design specifications. Use thi...

Design assistant for UI mockups/wireframes, responsive HTML/CSS builds, brand kits, and presentation decks. Trigger when...

Read editor.md, editor.json, and analyst.json. Make data-driven creative visual decisions for every section — teaser, ch...

Designer subagent — implements UI/UX work including components, layouts, and design token application

Writes product design, UX/UI, user research, service design and visual design resumes. Connects research and craft to de...

Designer subsystem patterns for LlamaFarm. Covers React 18, TanStack Query, TailwindCSS, and Radix UI.

Install and use agentic design skills, commands, and plugins for Claude Code — covering research, systems, UI, interacti...

Compiles and applies the Abstrekkt brand design system — token-driven, accessibility-first, state-machine-correct UI arc...

Use this skill when you need to design a component

Creates distinctive, production-grade frontend interfaces. Use when building web components, pages, or applications. Gen...

Creates frontend designs with accessibility, responsive layout, and design system integration. Use when designing user i...

Creates mythologies, legendary figures, historical eras, relics, and sacred artifacts for fictional worlds. Use when bui...

Create professional, attractive, and visually striking user interfaces in Next.js. Use when building beautiful websites,...

Our board conventions for drawing a product's screens on a Design canvas: real components through `x-import`, shared par...

ユーザーインターフェースの設計とコンポーネント設計を支援します。ワイヤーフレーム、レイアウト設計、デザインシステム構築、レスポンシブデザイン、インタラクションパターンを提供します。美しく機能的で実装可能なインターフェース設計が必要な場合に使...

Generates unique, high-fidelity, and non-generic UI designs by synthesizing modern component libraries with specific des...

Generate optimized prompts for Claude Design (Anthropic Labs) through expert elicitation. Produces XML-structured briefs...

Control a team of 10 design agents that run an inclusive design process from discovery through handoff with accessibilit...

AI驱动的设计系统构建器。基于项目特征智能推荐最合适的设计风格（从30+专业设计系统中选择），或使用用户指定的风格。自动应用完整的设计系统规范（颜色、字体、组件、动效等）来实现界面。

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