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.
The English summary is being prepared. Showing the original description.
See how to installReview the instructions the agent will receive before you install.
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.
No reviews yet. Tell others what you thought.
No login needed. Share how it worked for you, ask a question, or note where it did not run.
No comments yet. Be the first to write one.
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".
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
Orchestrate multiple Antigravity skills through guided workflows for SaaS MVP delivery, security audits, AI agent builds, and browser QA.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
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.
The English summary is being prepared. Showing the original description.
Analyzes codebase structure, data flow, module relationships, and key patterns to generate and maintain a living architecture document (ARCHITECTURE.md).
The English summary is being prepared. Showing the original description.