impeccable
impeccable crafts production-ready frontend interfaces—websites, dashboards, components, and design systems—with committed design choices and technical excellence. It handles visual hierarchy, accessibility, responsive design, theming, typography, spacing, color, motion, and micro-interactions. Use it to improve bland designs, refine ambitious visual effects, audit UX patterns, or build reusable design tokens.
impeccable designs and iterates production-grade frontend interfaces with design system rigor and exceptional craft.
AI-generated summary based on this skill's SKILL.md
Decision gist · record as of 2026-07-27
impeccable designs and iterates production-grade frontend interfaces with design system rigor and exceptional craft. impeccable crafts production-ready frontend interfaces—websites, dashboards, components, and design systems—with committed design choices and technical excellence. It handles visual hierarchy, accessibility, responsive design, theming, typography, spacing, color, motion, and micro-interactions. Use it to improve bland designs, refine ambitious visual effects, audit UX patterns, or build reusable design tokens.
Use it when
- Yes.
- impeccable audits and improves existing UI for accessibility, performance, and visual quality.
Verify before relying
Read SKILL.md below before installing (60 files). Open directory: indexed for reading, not audited.
Install
clidey/whodb/impeccable · repository language: Go
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does impeccable do for frontend interface design?
impeccable crafts production-ready frontend interfaces—websites, dashboards, components, and design systems—with committed design choices and technical excellence. It handles visual hierarchy, accessibility, responsive design, theming, typography, spacing, color, motion, and micro-interactions, helping you improve bland designs, refine ambitious visual effects, audit UX patterns, or build reusable design tokens.
Can impeccable help me design and iterate frontend interfaces?
Yes. impeccable specializes in designing and iterating production-grade frontend interfaces with design system rigor. It guides you through committed visual choices, component architecture, and technical implementation to ensure your interfaces meet professional standards from concept through deployment.
How does impeccable improve UI design and UX?
impeccable audits and improves existing UI for accessibility, performance, and visual quality. It reviews your current designs, identifies gaps in hierarchy, spacing, color contrast, and interaction patterns, then provides concrete refinements to elevate both usability and aesthetic polish.
What design system and token features does impeccable offer?
impeccable builds reusable design tokens and component systems for scalable brands. It helps you establish consistent typography, color palettes, spacing scales, and motion guidelines that propagate across your entire product, reducing design debt and accelerating future iterations.
Can impeccable add motion and micro-interactions to my interfaces?
Yes. impeccable adds purposeful motion, interactions, and delightful micro-details to interfaces. It ensures animations serve UX goals—guiding attention, providing feedback, or smoothing transitions—rather than distract, keeping your interface both engaging and performant.
What license does impeccable use?
impeccable is released under the Apache-2.0 license, allowing you to use, modify, and distribute it freely within the terms of that open-source agreement.
SKILL.md
Rendered from the published skill. Quoted content, verbatim.
Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft.
Setup
You MUST do these steps before proceeding:
- Run
node .agents/skills/impeccable/scripts/context.mjsonce per
(truncated - see the full file via the links below)
File tree — 15 files
.agents/skills/impeccable/SKILL.md
.agents/skills/impeccable/agents/impeccable_asset_producer.toml
.agents/skills/impeccable/agents/impeccable_manual_edit_applier.toml
.agents/skills/impeccable/agents/openai.yaml
.agents/skills/impeccable/reference/adapt.md
.agents/skills/impeccable/reference/animate.md
.agents/skills/impeccable/reference/audit.md
.agents/skills/impeccable/reference/bolder.md
.agents/skills/impeccable/reference/brand.md
.agents/skills/impeccable/reference/clarify.md
.agents/skills/impeccable/reference/codex.md
.agents/skills/impeccable/reference/colorize.md
.agents/skills/impeccable/reference/craft.md
.agents/skills/impeccable/reference/critique.md
.agents/skills/impeccable/reference/delight.md
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Design and iterate production-grade frontend interfaces with design system rigor”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Impeccable handles frontend design work across websites, dashboards, components, and full app shells. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and micro-interactions—from initial design through live iteration and refinement. Use it to improve interfaces, audit UX, animate elements, or push visual effects beyond the ordinary.
Impeccable handles the full spectrum of frontend interface work—from redesigning existing UIs to building new ones from scratch. It covers websites, dashboards, components, and design systems, addressing visual hierarchy, accessibility, responsive behavior, typography, color, motion, and micro-interactions. The skill produces ready-to-ship code grounded in design principles and performance.
impeccable shapes production frontend interfaces through design iteration, critique, and craft. It handles everything from visual hierarchy and accessibility to responsive layouts, design systems, and micro-interactions—grounded in project context via PRODUCT.md and DESIGN.md. Real working code, committed design choices.
Impeccable equips AI coding agents with professional design direction across 23 specialized commands—from initial planning and critique through refinement, enhancement, and production hardening. Use it to elevate websites, dashboards, components, and entire design systems with deterministic quality checks, live browser iteration, and craft-floor standards that catch what automated detectors miss.
Impeccable handles frontend design work across websites, dashboards, apps, and component systems. It covers visual hierarchy, accessibility, responsive behavior, theming, typography, layout, motion, and design systems—moving from initial critique through live iteration to polished, production-ready code.
Frontend Design teaches production-grade web UI development through a tokens-first methodology that balances systematic consistency with creative aesthetics. It covers design token systems, component architecture, accessibility compliance, and responsive patterns across React, Vue, and vanilla frameworks.