impeccable-fullstack

name	impeccable-fullstack
description	Full-stack web development with Impeccable design language. Provides 17 design commands (audit, polish, normalize, animate, etc.) plus 6 enterprise skills (progress-modal, enterprise-webapp, frontend-refactor, codebase-refactor, readme-generator, refactoring-plan). Use this skill to get an overview of all available commands.

Impeccable Full-Stack Plugin

This plugin combines Impeccable's frontend design language with enterprise development patterns.

Available Commands

Design Commands (from Impeccable)

Command	Purpose
/teach-impeccable	One-time setup — gather design context for your project
/audit	Technical quality audit (a11y, perf, responsive, anti-patterns)
/critique	UX design review
/normalize	Align with design system standards
/polish	Final pre-ship quality pass
/distill	Strip to essence
/clarify	Improve UX copy clarity
/optimize	Performance improvements
/harden	Error handling, i18n, resilience
/animate	Add purposeful motion
/colorize	Introduce strategic color
/bolder	Amplify bland designs
/quieter	Tone down aggressive designs
/delight	Add joy moments
/extract	Pull into reusable components
/adapt	Adapt for different devices
/onboard	Design onboarding flows

Enterprise Development Skills

Skill	Purpose
/progress-modal	Build multi-step progress modal with cancellation, accessibility, backend contract
/enterprise-webapp	Full-stack enterprise app guide (frontend, backend, auth, caching, testing, CI/CD)
/frontend-refactor	Refactor to shadcn/ui + Tailwind + Radix with atomic design
/codebase-refactor	Systematic SOLID refactoring with banned naming patterns
/readme-generator	Generate comprehensive enterprise-grade README.md
/refactoring-plan	Multi-phase refactoring with validation gates

Design References

The frontend-design skill includes 7 reference documents:

• reference/typography.md — Type systems, font pairing, modular scales
• reference/color-and-contrast.md — OKLCH, tinted neutrals, dark mode, accessibility
• reference/spatial-design.md — Spacing systems, grids, visual hierarchy
• reference/motion-design.md — Easing curves, staggering, reduced motion
• reference/interaction-design.md — Forms, focus states, loading patterns
• reference/responsive-design.md — Mobile-first, fluid design, container queries
• reference/ux-writing.md — Button labels, error messages, empty states

Usage

Start with /teach-impeccable to establish design context, then use any command during development.