В каталоге 183 730 навыков в 14 категориях.
One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing,...
Complete end-to-end web design setup & prototyping framework faithful to Chase AI's methodology with production robustne...
Done-gate for a web page built by a small model. Run it before saying a landing page is finished: brief coverage, then n...
Recommends Shopify app pricing and packaging using current competitor offers, category norms, review complaints, and pos...
Generate 4-6 parallel design mockups for rapid visual comparison — adapted from gstack /design-shotgun pattern
Use when you need 3-5 intentionally different UI directions before committing to a single design approach
Design shotgun: generate multiple AI design variants, open a comparison board, collect structured feedback, and iterate....
多方案视觉探索器。结合上下文、taste memory 和并行生成，产出多版设计方向， 再通过 comparison board 与反馈循环收敛出一个被批准的方向。 (gstack)
Facilitates the Slice movement of a Tutti design session. Use after the Structure movement to map the backbone of the jo...
Identify design quality issues in code including high coupling, low cohesion, God classes, long methods, and other code...
Create platform-optimized social media content — captions, hashtags, headlines, calls-to-action. Covers tone-of-voice, c...
Publish and schedule content to social media platforms (Twitter/X, Facebook, Instagram, LinkedIn) via the MCP bridge sch...
Converge on a single recommended solution after brainstorming options. Use when you have multiple candidate approaches a...
Produce implementation-ready UI and UX specifications covering structure, states, behavior, content, responsive rules, a...
[Project Management] Create UI/UX design specifications from requirements, PBIs, or user stories. Produces structured de...
Create UI/UX design specifications from requirements or Figma designs. Covers component specs (Atom/Molecule/Organism),...
Use when extracting design specifications from visual sources including Figma exports, UI mockups, screenshots, or live...
Extract comprehensive JSON design specifications from visual sources including Figma exports, UI mockups, screenshots, o...
提供 UI/UX 设计、用户研究、视觉设计和品牌一致性能力。当需要设计界面、进行用户研究或创建视觉资产时使用。
Curated micro-interactions and design details that add "magic" and personality to websites and apps.
[デザイン] （任意）1枚ペラHTML → ページ単位の静的HTMLに分割
Compare 2-3 materially different initiative decompositions in `SPLIT_OPTIONS.md` when task boundaries or sequencing are...
Test big ideas in just 5 days. Apply Google Ventures' proven methodology to go from problem to validated prototype witho...
Run a structured 5-day process to prototype, test, and validate product ideas with real users. Use when the user mention...
Create a design sprint with structured process, quality checks, and system integration
Facilitate Google Ventures Design Sprints - 5-day process for answering critical business questions through design, prot...
[デザイン] 1.（Figma起点）SSOT（tokens/components/context/assets）を生成
Design or review an internal, public, HTTP, event, library, or command interface using consumer evidence, invariants, co...
Checks one stair flight item by item: width, headroom, riser, tread, uniformity, nosing, landing, vertical rise between...
Tiered UI design rules for Android, iOS and web, with sources, rationale and platform APIs. Use when building, redesigni...
Apply production-grade design standards when building or reviewing pages, components, or UI. Use this skill whenever the...
Steal a specific company's design language for a component or page. Fetches any of 55 DESIGN.md files from VoltAgent/awe...
Copies an existing landing page (from URL or image) into a specified page in the codebase using Playwright MCP. Iterativ...
Use when placing elements in the stereo field or designing spatial depth in a mix
Facilitates the Structure movement of a Tutti design session. Use after the Decide movement to work out how the pieces f...
Полная локальная дизайн-студия Agent-Vorcl-Flow: создаёт self-contained HTML-макеты, интерактивные прототипы, wireframe,...
Use when checking a radiology or medical AI study design before drafting or submission. Reviews the analysis unit, cohor...
Study design and validity review for radiology and medical AI research. Identifies analysis unit, cohort logic, leakage...
从网页、截图或任意视觉设计中逆向解析出完整、可复用的设计风格定义，按「Token → 映射 → 组件 → 约束」四层逻辑输出结构化的设计风格 Markdown 文档。当用户需要提取某个网站/设计稿的视觉风格、复刻某站点的 UI 风格（如"做...
Applies a deliberate visual direction to an interface — minimalist editorial, industrial utilitarian, or high-polish com...
Access 263+ design styles with AI-optimized prompt keywords for frontend development
Audit a design-award submission package against the current official rules for a specific award cycle. Check required ma...
Master expert in product design for complex systems with 10+ years of experience in data-driven systems, operational das...
Sync a local component library to a claude.ai/design design-system project incrementally — one component at a time, neve...
Sync design docs with codebase state. Use when verifying documentation accuracy, after code changes, or when last-synced...
Orchestrates the Claude Design ↔ Claude Code /design-sync handoff loop — imports your design system into the active proj...
Use when establishing visual foundations for a new product, when defining design tokens, when building or auditing a com...
Section-by-section GDD authoring for one system — walks through each required section, cross-references dependencies.
Professional Design System Expert skill. Build performant, secure, and scalable backend logic and RESTful or GraphQL API...
Token architecture, component specifications, systematic design, slide generation.
Define a reusable visual design grammar for film titles, posters, key art, lower thirds, thumbnails, social assets, pres...
Prowl 앱의 디자인 시스템 (Liquid Glass + 골드 액센트)
Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one inlinabl...
Use when building, editing, or reviewing any page or component on this site - anything that produces markup or CSS. Cove...
Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation, comp...
Accent color and design system for a macOS app, from the app's accent and the accent picker in Settings to Swift tokens...
Analyzes the project and generates a custom, opinionated design system with Tailwind CSS CSS-first configuration (@theme...
建立或修改三层设计 Token、主题 CSS 变量及组件状态规范，生成并校验 Token 配置。用于 Token 架构、暗色主题和组件设计交付；不负责演示文稿或整站生成。
Turn a chosen design direction into a canonical DESIGN.md plus production tokens that don't look vibecoded — state-level...
Build, maintain, and audit design systems — tokens, component libraries, style guides, and cross-project consistency. Us...
The complete Arcanean Design System - cosmic visual language, academy themes, component patterns, and design tokens for...
Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md —...
Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), C...
Design system infrastructure: create, maintain, audit, and document design systems with shadcn/ui + Tailwind CSS 4 + Nex...
Collaboratively author or resume a game-system GDD one approved section at a time.
Guided, section-by-section GDD authoring for a single game system. Gathers context from existing docs, walks through eac...
Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.
Audit, document, or extend an existing design system at the component level. Use when checking for naming inconsistencie...
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.
Extract a complete design system from an existing website or screenshot into a DESIGN.md file. Analyses colours, typogra...
Design system management for building and reusing UI components, tokens, and patterns. Use when working with component l...
Produce production-grade UI designs using clear design tokens, layout rules, motion guidance, and accessibility checks f...
Create a design system with structured process, quality checks, and system integration
Générer ou compléter un système de design web pour {{COMPANY_NAME}} — palette sémantique, pairing typographique, style U...
Use when turning an art direction into reusable design tokens, typography, spacing, layout, surface, component, state, m...
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to...
Builds a design system for a codebase and keeps it enforced, by running five phases in order: measure the spacing, type...
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typograp...
Tokens in @mobywatel/brand and accessible React components in @mobywatel/ui: colours, type scale (incl. senior scale), s...
Creates and manages the brand design system for a Power Apps mobile app. Generates brand/design-system.md (source of tru...
Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across c...
Use this skill when authoring or retrofitting the CDD for one module listed in design/cdd/module-index.md, including dep...
Theme-aware design system analysis and token mapping. Covers extracting theme tokens, mapping mock values, and gap analy...
Design system and visual language for sales funnels. Provides color palettes, typography, spacing, component styles, and...
Use when generating, auditing, or reviewing the visual design system of a Laravel app — Tailwind tokens, Filament themin...
Tokens de diseño en 3 capas (primitivo, semántico, componente) con scripts de generación y validación. Úsala DESPUÉS de...
Build or audit a design system including component library, design tokens, naming conventions, contribution model, and d...
Build-time design-system rules that keep an Apple app cheap to restyle — role-named tokens, text styles that carry case...
Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT...
Generate or audit a design-token system, score visual consistency, and detect AI-slop patterns. Use when starting a proj...
Use when a project's visual foundation — typography scale, color palette, spacing — needs establishing as canonical desi...
Extract and formalize a design system from existing UI code. Scans for every hardcoded color, font size, spacing value,...
Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling. Use whe...
NEVER use hardcoded Tailwind colors. ALWAYS use semantic CSS variables.
Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google...
Design, implement, migrate, and validate scalable token and component systems with primitive, semantic, and component la...
Expert in building scalable design systems with Atomic Design, design tokens, and theming infrastructure. Use when creat...