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

Полная локальная дизайн-студия 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...