Apply the confirmed design direction to all visual surfaces. This skill now bridges the pipeline's placeholder system with the `impeccable` skill's PRODUCT.md and DESIGN.md files. If `{{DESIGN_DIRECTION}}` still appears as a literal placeholder, run `/impeccable teach` to establish design context.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
설치 방법 보기설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.
Status: {{#if DESIGN_DIRECTION}}Active{{else}}⚠️ UNFILLED — Run
/impeccable teachto establish design direction before using this skill{{/if}}Bridge mode: This file now reads from the
impeccableskill's context files. WhenPRODUCT.mdandDESIGN.mdexist at the project root (written by/impeccable teachand/impeccable document), values from those files take precedence over the placeholder slots below. Runnode .agents/skills/impeccable/scripts/load-context.mjsto load the current design context.
When
PRODUCT.mdexists, extract direction/audience from its Users and Product Purpose sections.
| Role | Value | Usage |
|---|---|---|
| Primary | {{PRIMARY_COLOR}} | Main brand color — buttons, links, key UI elements |
| Secondary | {{SECONDARY_COLOR}} | Supporting color — secondary actions, accents |
| Accent | {{ACCENT_COLOR}} | Highlight color — notifications, badges, emphasis |
| Background | {{BACKGROUND_COLOR}} | Page/app background |
| Text | {{TEXT_COLOR}} | Primary text color |
When
DESIGN.mdexists, extract colors from its Colors section (OKLCH or hex).
| Role | Font | Usage |
|---|---|---|
| Heading | {{HEADING_FONT}} | Page titles, section headers, display text |
| Body | {{BODY_FONT}} | Paragraphs, descriptions, UI labels |
| Mono | {{MONO_FONT}} | Code blocks, terminal output, technical values |
When
DESIGN.mdexists, extract fonts from its Typography section.
{{MOTION_PHILOSOPHY}}
When
DESIGN.mdexists, extract motion philosophy from its Motion section.
{{EXISTING_BRAND_ASSETS}}
{{DESIGN_AVOID}}
The
impeccableskill's anti-pattern rules (27 deterministic + 12 LLM critique) automatically apply. No need to duplicate them here.
아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.
로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.
아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.
Audit and improve web accessibility following WCAG 2.1 guidelines. Use when asked to "improve accessibility", "a11y audit", "WCAG compliance", "screen reader support", "keyboard navigation", or "make accessible".
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Structured methodology for adversarial thinking — generating attack scenarios, abuse cases, race conditions, and security edge cases against specs and implementations. Produces spec-level gap items, not code-level fixes.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Orchestrate multiple Antigravity skills through guided workflows for SaaS MVP delivery, security audits, AI agent builds, and browser QA.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight developers. Use when designing new APIs, reviewing API specifications, or establishing API design standards.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Manage API versioning and evolution with URL/header/query strategies, deprecation workflows, breaking change classification, sunset headers, and consumer-driven contract testing. Use when designing versioning strategy, deprecating endpoints, or evolving API contracts.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
Analyzes codebase structure, data flow, module relationships, and key patterns to generate and maintain a living architecture document (ARCHITECTURE.md).
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.