В каталоге 183 730 навыков в 14 категориях.
Review a web app or page for visual design quality — layout, typography, spacing, colour, hierarchy, consistency, intera...
Facilitate design critiques and reviews with stakeholders, team members, and users to gather feedback. Use for: design p...
Comprehensive UI/UX design review with live environment testing, responsive validation, accessibility compliance (WCAG 2...
Review UI for anti-AI-slop compliance
Réviser et corriger l'UI des livrables web de {{COMPANY_NAME}} (landing pages, pages statiques, emails HTML riches, dash...
Use when a design task asks you to compare a built screen with its approved design - screenshots at 1440, 768 and 375 at...
Critique a design on layout, accessibility, responsiveness, dark mode and edge cases, with Pass, Needs work or Fail verd...
Review UI implementation for design consistency, visual quality, AI-slop detection, and responsive behavior. Use when ev...
Review and analyze design docs for health, quality, and improvement opportunities. Use when auditing design documentatio...
7-phase frontend design review with accessibility (WCAG 2.1 AA), responsive testing, visual polish. Use for PR reviews,...
デザインシステム準拠を 7 カテゴリ・重大度判定でレビューする統合スキル。 `.tsx` ファイルは `--visual` で Playwright 視覚検証（light/dark × desktop/mobile）＋ 静的 lint を追...
画面設計書とSwiftUIデザインガイドに対して現在の実装の準拠状況をレビューする
Use when reviewing or critiquing a UI design, screen, mockup, wireframe, Figma frame or screenshot, asking "what's wrong...
设计审计 -> 修复 -> 再验证的闭环。支持 full / quick / deep / diff-aware / regression 模式，带 80 项检查表、fix loop、回归验证与最终报告。 (gstack)
Revisa una propuesta de UI/UX de Temp League contra el design brain, los tokens y las reglas de producto. Úsalo cuando a...
Routes a non-coding design review through the smallest useful sequence of framing, critique, exploration, specialist per...
Review UI/UX, DESIGN.md, plans, and implementations with evidence-based PASS, PASS WITH FIXES, or FAIL verdicts. Use for...
Universal micro-UI/UX design & engineering rules based on Kole Jain, Chris McCoy, Ran Segall, and Satori Graphics' frame...
Evaluate and score designs against objective criteria including usability, aesthetics, accessibility, and business goals...
Design or build a page, screen, landing page, website, app or UI from a request - the whole job, end to end. Use this fo...
[Design] Create a design based on screenshot
[Design & Content] Create a design based on screenshot
Inspect Figma links through MCP or browser computer use, or analyze screenshots and selected-layer properties. Produce f...
Use when designing a search feature for a website or application — to structure the input, autocomplete, results list, a...
Compose interfaces that hold together — skeleton before aesthetics, one alignment per row, sizing by declaration. Use wh...
Interviews the owner, one topic at a time, and writes `.claude/rules/design.md` — the design system, per-platform settin...
One-time autonomous design context discovery. Scans the codebase to extract design tokens, typography, colors, spacing,...
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
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...
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に分割
[デザイン] 1.（Figma起点）SSOT（tokens/components/context/assets）を生成
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...
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,...
从网页、截图或任意视觉设计中逆向解析出完整、可复用的设计风格定义，按「Token → 映射 → 组件 → 约束」四层逻辑输出结构化的设计风格 Markdown 文档。当用户需要提取某个网站/设计稿的视觉风格、复刻某站点的 UI 风格（如"做...
Sync a local component library to a claude.ai/design design-system project incrementally — one component at a time, neve...
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.
Token architecture, component specifications, systematic design, slide generation.
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...
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...
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...
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...
Générer ou compléter un système de design web pour {{COMPANY_NAME}} — palette sémantique, pairing typographique, style U...
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...
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...
Design, implement, migrate, and validate scalable token and component systems with primitive, semantic, and component la...
Expert guide for designing, building, and maintaining scalable UI design systems with design tokens, headless primitives...
一貫性と拡張性を両立するデザインシステムの基盤設計を支援するスキル。デザイントークン、コンポーネント規約、Figma/コード同期を体系化する。Anchors:• Atomic Design / 適用: コンポーネント階層設計 / 目的: 構...
Audita una vista o componente frente al design system en lo que un script no puede comprobar — estados de interacción, l...
Audit a design system for consistency, coverage, and quality. Use when asked to audit a design system, review a componen...
Use when you derive, change or extend a design system - where tokens live per stack, the DTCG token tree, role-based nam...
Build cohesive, scalable design systems with design tokens, component libraries, documentation, and governance. Use when...
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users prov...
Check that the UI you actually rendered uses the design system, by reading computed styles in the running app against th...
Ensure all UI components follow the design guidelines including purple-indigo gradient, rounded-xl borders, backdrop-blu...
Patterns for building design system components using Surface primitives, CVA variants, and consistent styling. Use when...
Before adding a new style, component or pattern, look for the one the project already has and decide whether reusing it...
Keep user interfaces visually consistent with the existing product design system. Use when Codex needs to add screens, i...
Complete workflow for creating distinctive design systems from scratch. Orchestrates aesthetic documentation, token arch...
Review and improve UI consistency through tokens, components, states, accessibility, and usage rules.
Extracts the complete design system of an existing site (color tokens, type scale, spacing, breakpoints, radius, compone...
Extracts tokens, typography, spacing, component states, assets, layout, responsive rules, and interactions from a UI ref...
Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, an...
Phase 5 part of disease-market-sizing-orchestration. Injects consulting palette (navy/gold/blue) + base CSS + floating T...
This skill provides a curated set of cross-platform design guideline prompts for building consistent, high-quality UIs....