设计技能

Design UI components/design systems, review visual design, check accessibility. Triggers: design system, color palette, font pairing, WCAG check. Data-driven: palettes, fonts, UX guidelines.

中文简介正在准备中。当前显示原文说明。

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 1-3 screens, extract tokens, produce Evidence Packet. Advanced ops gated on explicit intent. Use for 'figma', 'design tokens'.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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, 人类图排盘, 人类图解读, 天赋, 使命, 职业, 关系, 类型, 策略, 权威, 人生角色, 通道, 闸门.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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

中文简介正在准备中。当前显示原文说明。

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.

中文简介正在准备中。当前显示原文说明。