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
Install
clidey/whodb/impeccable · repository language: Go
git clone https://github.com/clidey/whodb
cp -r whodb/.agents/skills/impeccable ~/.claude/skills/impeccableFrequently 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)
Read as markdown · JSON record · Browse the source repository
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