impeccable

Coordinate frontend design tasks from shaping to live iteration.

3|Updated Apr 18, 2026
One-click install
npx skills add https://github.com/nassimbf/ftitos-claude-code --skill impeccable-nassimbf
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable
Source: https://github.com/nassimbf/ftitos-claude-code/tree/main/skills/impeccable
Command: npx skills add https://github.com/nassimbf/ftitos-claude-code --skill impeccable-nassimbf

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

The impeccable skill provides a structured approach to shaping, critiquing, and refining frontend UI work, ensuring consistent design decisions and rapid iteration.

Core Features & Use Cases

  • Shape the design: run /impeccable shape, load references, then build and iterate until the result is delightful.
  • Quality gates: run audits for typography, color, spacing, and motion to tighten the design system and ensure accessibility and performance.
  • Scope: useful for websites, dashboards, product UIs, and app shells, accelerating design-to-implementation.

Quick Start

Tell the system to craft a feature end-to-end from shape to delightful iteration.

Frequently Asked Questions about impeccable

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I coordinate end-to-end frontend design tasks from shaping to live iteration?

To coordinate end-to-end frontend design, you can run the `/impeccable shape` command to load references and build UI structures. This process orchestrates token extraction, style decisions, and motion to refine websites and product UIs until the result is delightful.

What is the best way to audit a design system for typography and accessibility compliance?

The best way to audit a design system for typography and accessibility is to run structured quality gate checks. These audits evaluate color, spacing, and motion to tighten design system requirements and ensure frontend accessibility and performance.

Can I use this structured design approach for dashboards and app shells?

Yes, you can use this structured design approach for dashboards, app shells, websites, and product UIs. It applies design-system requirements for responsive behavior, elevation, and spacing to accelerate design-to-implementation across various frontend surfaces.

How does automated token extraction work for frontend design systems?

Automated token extraction works by orchestrating style decisions across frontend components during the shaping phase. It extracts design tokens for typography, color, and spacing to satisfy structured design-system requirements and ensure consistent UI iteration.

What's the best way to tighten frontend color and spacing decisions without manual review?

The best way to tighten frontend color and spacing decisions without manual review is through automated quality gate audits. These audits enforce structured design-system requirements, ensuring consistent typography, elevation, and accessibility across the UI.

Why does my frontend UI design lack consistent motion and elevation across components?

Your frontend UI design lacks consistent motion and elevation because it is missing structured design-system requirements. Applying orchestrated style decisions and quality gate audits ensures responsive behavior, accessibility, and unified visual hierarchy across components.