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).
日本語の概要は準備中です。原文の説明を表示しています。