디자인 스킬

Use when designing UI components, reviewing visual design, building design systems, or checking accessibility. Auto-activates on frontend design tasks and UI reviews.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when designing UI components, creating design systems, reviewing visual design, or checking accessibility compliance. Triggers on "design system", "UI review", "color palette", "font pairing", "accessibility audit", "responsive design", "WCAG check". Auto-activates when ui-ux-designer agent is working. Data-driven: 160 palettes, 73 font pairings, 161 product types, 98 UX guidelines, 25 chart types.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design and review durable REST, GraphQL, RPC, or event API contracts: shape, compatibility, pagination, error semantics. Discovers existing consumers first. Not implementation, schema, or release.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Bootstraps a new project end to end: research, design, plan, scaffold, implement, docs. Explicit invocation only. NOT for autonomous builds (mk:autobuild); NOT for existing-repo work (mk:cook).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use this skill to generate well-branded interfaces and assets for MeowKit (AI Agent Toolkit for Claude Code), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Serve any markdown file or directory as a calm, book-like reader via a local HTTP server (127.0.0.1 only). Best for long-form documents — RFCs, runbooks, design docs, plan files — where comfortable in-browser reading matters. Supports Mermaid diagrams, dark/light mode, plan navigation sidebar, and keyboard shortcuts. Requires explicit start and stop lifecycle.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Multi-agent collaboration session. Brings 2-4 agent perspectives into one discussion for architecture decisions and trade-off analysis. Use when asked "should we X or Y?", "let's discuss", or "design review".

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when designing UI components, reviewing visual design, building design systems, or checking accessibility. Auto-activates on frontend design tasks and UI reviews.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Read-first Figma gateway via Figma MCP: analyze designs, implement Figma-to-code for 1–3 screens, extract design tokens, produce a Figma Evidence Packet for planning handoff, screenshot fallback. Advanced operations (Code Connect, canvas writes, design-system/library patterns) are gated references loaded only on explicit intent. Triggers: 'figma', 'design link', 'implement this design', 'design tokens', 'produce a Figma Evidence Packet'.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Design and review durable REST, GraphQL, RPC, or event-facing API contracts. Use for public or shared API contracts, endpoint/schema consistency, compatibility, pagination, error semantics, and API documentation. Discovers existing consumers and conventions before recommending a style.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate a grounded Human Design BodyGraph and whole-chart reading from exact birth data. Use for Human Design charts, BodyGraph, decisions, profile, channels, talents, work, wealth, relationships, mission, or chart-based follow-up questions. Supports Chinese and English.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Repository loader for the grounded Human Design BodyGraph and whole-chart reading skill. Use for chart calculation, channels, talents, work, relationships, mission, and follow-up consultation.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

人类图 (Human Design) 全盘解读技能。根据出生日期、准确时间和出生地点生成 BodyGraph，并以用户语言综合解读类型、策略、权威、人生角色、身体、天赋、财富、关系与使命；支持基于真实盘面的连续问答。触发词: 人类图, Human Design, BodyGraph, 人类图排盘, 人类图解读, 天赋, 使命, 职业, 关系, 类型, 策略, 权威, 人生角色, 通道, 闸门.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs. Use when building user interfaces, implementing design systems, creating responsive layouts, adding accessible components (dialogs, dropdowns, forms, tables), customizing themes and colors, implementing dark mode, generating visual designs and posters, or establishing consistent styling patterns across applications.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Apply Strunk's timeless writing rules to ANY prose humans will read—documentation, commit messages, error messages, explanations, reports, or UI text. Makes your writing clearer, stronger, and more professional.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

UI code review with 100+ rules for accessibility, performance, and UX

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Multi-agent structured debate with anti-groupthink mechanisms — Devil's Advocate, minority opinion protection, 2-round hard cap. Use when divergent perspectives matter more than consensus (architecture decisions, design tradeoffs, contested specifications).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Control and inspect the built-in Web UI (packages/serve) — start, stop, status, open

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate 4-6 parallel design mockups for rapid visual comparison — adapted from gstack /design-shotgun pattern

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Apache Kafka 4.2 best practices for event streaming, topic design, and producer-consumer patterns

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

AI design language for production-grade UI — 10 commands covering typography, color, motion, layout, and UX writing quality

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Skill for adding or updating system design guides tailored for college students and beginners, using simple analogies and no simulations.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Capture baseline evidence from a live website URL: screenshots, scroll states, hover/click behavior, parallax, timers, and transition recordings. Use when reference artifacts are needed before implementation or comparison; not to build or diagnose a clone.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Clone or recreate a live website URL, page, or section as React + Tailwind with extracted DOM, CSS, assets, responsive layout, motion, and interactions. Use for live-URL implementation or fidelity repair; not capture-only or diff-only requests.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.