디자인 스킬

Read and operate the apps on this Mac from the shell. Use it when a task needs an app's UI and no API, CLI or purpose-built tool can do it.

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

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

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

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

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

Write the code for a CopilotKit Channels agent with the Channels SDK (@copilotkit/channels) — a platform-agnostic engine that puts one AG-UI agent into Slack, Microsoft Teams, Discord, Telegram, and WhatsApp with native interactive UI. It's the engine behind OpenTag, the open-source alternative to Claude in Slack. Use this whenever the user wants to create, scaffold, or extend a Channels agent; wire an agent into Slack/Teams/Discord; add a tool, slash command, button, select, modal, or human-in-the-loop confirmation to a chat agent; or asks about createChannel, defineChannelTool, defineChannelComponent, thread.runAgent, awaitChoice, or the channels-ui JSX components. Trigger even when the user says "Slack bot", "Discord bot", or "chat agent" without naming the SDK, as long as the context is CopilotKit / Channels. The Channels API is new and easy to get wrong from memory — always ground code in this skill.

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

Validation-first design for Cavekit — every kit requirement must be automatically verifiable. Six-gate validation pipeline, phase gates, merge protocol, completion signals, acceptance criteria patterns. Use when designing acceptance criteria, wiring CI gates, or debugging why an agent is producing output that nobody can verify.

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

How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects. Nine-section format, design tokens, accessibility, integration with kits/plans. Use when defining or revising visual identity, importing a third-party design system, or auditing UI code against design tokens.

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

Create polished shieldcn README badges, badge groups, charts, headers, sponsors grids, and full README hero sections. Use when a user wants shadcn/ui-styled badges, Shields.io replacement, npm/GitHub/CI/status badges, download charts, README header banners, contributor/sponsor images, or README Studio guidance. Triggers include "add badges", "add shields", "README badges", "npm badge", "GitHub stars badge", "CI badge", "download chart", "README header", "README banner", "contributors grid", "sponsors grid", "build a README", "README Studio", "shieldcn", and requests to make a project README look better.

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

Glycan structure analysis and glycoengineering design

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

Design critique with 7 rated passes: Information Architecture, Interaction State Coverage, User Journey and Emotional Arc, AI Slop Risk (10-item blacklist), Design System Alignment, Responsive and Accessibility, Unresolved Decisions. Each rated 0-10 with gap-fill loop. Parallel cross-model design voices.

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

Build a complete design system from scratch. Competitive research via web search and browse. SAFE/RISK breakdown of choices. Self-contained HTML preview page. Outputs DESIGN.md as project design source of truth.

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

Live-site visual QA audit with fix loop. 10-category checklist (~80 items) including AI Slop Detection (10 blacklisted patterns). Atomic commits per fix. Before/after screenshots. A-F grading. Parallel cross-model code-level design audit. Modes: Full, Quick, Deep, Diff-aware, Regression.

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

Quantum circuit design and simulation using Google Cirq

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

YC Office Hours — product idea diagnostic before writing code. Two modes: Startup (6 forcing questions with rigorous pushback) and Builder (generative brainstorming). Outputs design doc. Includes landscape research, premise challenge, alternatives generation, visual wireframe sketching, and optional cross-model second opinion.

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

Fully automated review pipeline: CEO, Design, and Eng reviews with auto-decisions using 6 principles (completeness, boil lakes, pragmatic, DRY, explicit over clever, bias toward action). Only pauses for premise confirmation. Classifies decisions as Mechanical (silent) or Taste (surfaced at final gate).

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

Provides idiomatic Kotlin patterns including coroutine concurrency, Flow streams, multiplatform architecture, Compose UI, Ktor servers, and type-safe DSL design.

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

Builds Shopify themes, develops custom apps with OAuth and webhooks, implements Storefront API integrations, and creates checkout UI extensions and Shopify Functions.

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

Designs incremental migration strategies using strangler fig pattern, identifies service boundaries, produces dependency maps, and generates API facade designs for aging codebases.

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

Designs distributed system architectures, decomposes monoliths into bounded-context services, recommends communication patterns, and produces resilience strategies.

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

Designs GraphQL schemas, implements Apollo Federation, builds real-time subscriptions, and optimizes queries with DataLoader and federation directives.

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

UI implementation team orchestration

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

Design document validation

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

Designs high-level system architecture, reviews existing designs, makes architectural decisions, creates architecture diagrams, writes ADRs, evaluates technology trade-offs, and plans for scalability.

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

Designs REST or GraphQL APIs, creates OpenAPI specifications, and plans API architecture including resource modeling, versioning strategies, pagination patterns, and error handling standards.

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

Designs chaos experiments, creates failure injection frameworks, and facilitates game day exercises for distributed systems with runbooks, experiment manifests, and rollback procedures.

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