A personal plugin marketplace and skill library for full-stack web application development, built on the Impeccable design language with enterprise-grade development patterns.
- Overview
- Quick Start
- Plugin: impeccable-fullstack
- Directory Structure
- Available Skills & Commands
- Usage Guide
- Development Preferences
- Attribution
This marketplace bundles 24 skills into a single plugin for Claude Code / Cowork:
- 17 Impeccable design commands — audit, polish, normalize, animate, and more for frontend design quality
- 7 design reference documents — typography, color, spatial design, motion, interaction, responsive, UX writing
- 6 custom enterprise skills — progress modals, full-stack architecture, frontend refactoring, codebase refactoring, README generation, and multi-phase refactoring plans
cp -r plugins/impeccable-fullstack/skills/* your-project/.claude/skills/cp -r plugins/impeccable-fullstack/skills/* ~/.claude/skills/The plugins/impeccable-fullstack/ directory is ready to use as a skill source. Point your Cowork session's skill path to this directory.
📦 Plugin Metadata
| Field | Value |
|---|---|
| Name | impeccable-fullstack |
| Version | 1.0.0 |
| Author | Jerry |
| License | Apache-2.0 (Impeccable base) + Personal (custom skills) |
| Based On | pbakaus/impeccable |
| Total Skills | 24 |
carlos-code/
├── CLAUDE.md # Marketplace manifest & dev preferences
├── README.md # This file
├── .claude/
│ └── skills/
│ └── impeccable-fullstack/
│ └── SKILL.md # Meta-skill (command reference)
│
├── plugins/
│ └── impeccable-fullstack/
│ ├── plugin.json # Plugin configuration
│ ├── NOTICE.md # Licensing & attribution
│ └── skills/
│ │
│ │ ── Impeccable Design Skills (from pbakaus/impeccable) ──
│ │
│ ├── frontend-design/ # Core design skill + 7 reference docs
│ │ ├── SKILL.md # Design direction, aesthetics, anti-patterns
│ │ └── reference/
│ │ ├── typography.md # Type systems, font pairing, modular scales
│ │ ├── color-and-contrast.md # OKLCH, tinted neutrals, dark mode
│ │ ├── spatial-design.md # Spacing systems, grids, visual hierarchy
│ │ ├── motion-design.md # Easing curves, staggering, reduced motion
│ │ ├── interaction-design.md # Forms, focus states, loading patterns
│ │ ├── responsive-design.md # Mobile-first, fluid, container queries
│ │ └── ux-writing.md # Button labels, errors, empty states
│ │
│ ├── audit/SKILL.md # Technical quality audit
│ ├── polish/SKILL.md # Final pre-ship quality pass
│ ├── normalize/SKILL.md # Align with design system standards
│ ├── animate/SKILL.md # Add purposeful motion
│ ├── harden/SKILL.md # Error handling, i18n, resilience
│ ├── distill/SKILL.md # Strip to essence
│ ├── clarify/SKILL.md # Improve UX copy clarity
│ ├── colorize/SKILL.md # Introduce strategic color
│ ├── critique/SKILL.md # UX design review
│ ├── delight/SKILL.md # Add joy moments
│ ├── extract/SKILL.md # Pull into reusable components
│ ├── adapt/SKILL.md # Adapt for different devices
│ ├── onboard/SKILL.md # Design onboarding flows
│ ├── optimize/SKILL.md # Performance improvements
│ ├── bolder/SKILL.md # Amplify bland designs
│ ├── quieter/SKILL.md # Tone down aggressive designs
│ ├── teach-impeccable/SKILL.md # One-time design context setup
│ │
│ │ ── Custom Enterprise Skills ──
│ │
│ ├── progress-modal/SKILL.md # Multi-step progress modal component
│ ├── enterprise-webapp/SKILL.md # Full-stack enterprise architecture
│ ├── frontend-refactor/SKILL.md # shadcn/ui + Tailwind refactoring
│ ├── codebase-refactor/SKILL.md # SOLID refactoring with naming rules
│ ├── readme-generator/SKILL.md # Enterprise README.md generation
│ └── refactoring-plan/SKILL.md # Multi-phase refactoring with gates
│
└── prompts/ # (Reserved for raw prompt storage)
These commands focus on frontend design quality and come from the Impeccable project:
| Command | Purpose | When to Use |
|---|---|---|
/teach-impeccable |
One-time setup — gather design context | First time with a project |
/audit |
Technical quality audit (a11y, perf, responsive) | Before shipping, periodic reviews |
/critique |
UX design review | When evaluating design decisions |
/normalize |
Align with design system standards | Inconsistent styling |
/polish |
Final pre-ship quality pass | Last step before shipping |
/distill |
Strip to essence | Overdesigned interfaces |
/clarify |
Improve UX copy clarity | Confusing labels or messages |
/optimize |
Performance improvements | Slow pages, heavy bundles |
/harden |
Error handling, i18n, resilience | Edge cases, internationalization |
/animate |
Add purposeful motion | Static, lifeless interfaces |
/colorize |
Introduce strategic color | Bland or monotone designs |
/bolder |
Amplify bland designs | Too safe, too generic |
/quieter |
Tone down aggressive designs | Too loud, overstimulating |
/delight |
Add joy moments | Functional but lifeless |
/extract |
Pull into reusable components | Code duplication |
/adapt |
Adapt for different devices | Mobile/tablet gaps |
/onboard |
Design onboarding flows | First-time user experience |
These skills extend Impeccable with full-stack enterprise development patterns:
| Skill | Purpose | Covers |
|---|---|---|
/progress-modal |
Build multi-step progress modal | TypeScript API, backend contract, WCAG 2.1 AA, cancellation, testing |
/enterprise-webapp |
Full-stack enterprise guide | Frontend, backend, auth, caching, async, security, observability, CI/CD |
/frontend-refactor |
Refactor to shadcn/ui | Design tokens, atomic design, feedback tiers, dark mode, 10-step process |
/codebase-refactor |
Systematic refactoring | SOLID, banned naming patterns, DRY, mirrored structure, 9-step process |
/readme-generator |
Generate README.md | 19 sections, collapsible deep-dives, external references, quality bar |
/refactoring-plan |
Multi-phase refactoring | 5 phases with validation gates, rollback protocols, success criteria |
The frontend-design skill includes 7 reference documents consulted automatically:
| Reference | What It Covers |
|---|---|
typography.md |
Type scales, font pairing, fluid sizing, OpenType features, loading strategies |
color-and-contrast.md |
OKLCH color, tinted neutrals, dark mode, accessibility contrast ratios |
spatial-design.md |
Spacing systems, grids, visual rhythm, container queries |
motion-design.md |
Timing, easing curves (no bounce/elastic), staggering, reduced motion |
interaction-design.md |
Forms, focus management, loading patterns, optimistic UI |
responsive-design.md |
Mobile-first, fluid design, container queries, adaptive layouts |
ux-writing.md |
Button labels, error messages, empty states, microcopy |
1. /teach-impeccable ← Establish design context (once per project)
2. Build features ← Use enterprise-webapp for architecture guidance
3. /audit ← Find quality issues
4. /normalize ← Fix inconsistencies
5. /polish ← Final quality pass
/teach-impeccable ← Set design direction
/enterprise-webapp ← Reference architecture patterns
/codebase-refactor ← Systematic SOLID refactoring
/frontend-refactor ← Migrate to shadcn/ui
/refactoring-plan ← Multi-phase plan with gates
/readme-generator ← Generate comprehensive README.md
/progress-modal ← Build progress feedback components
/extract ← Pull into reusable components
/animate ← Add purposeful motion
/harden ← Add error handling and resilience
These preferences are encoded in CLAUDE.md and apply to all projects using this marketplace:
| Preference | Setting |
|---|---|
| Python packages | UV with .venv.nosync.noindex naming |
| Node.js packages | Yarn (not NPM — avoids large node_modules churn) |
| Code comments | Clear section comments explaining different areas |
| Process | Research → Check docs → Test → Validate before implementing |
| Changes | Small incremental changes with repeated testing |
The design skills in this plugin are based on Impeccable by Paul Bakaus, licensed under Apache 2.0. Impeccable itself builds on Anthropic's frontend-design skill.
The enterprise development skills (progress-modal, enterprise-webapp, frontend-refactor, codebase-refactor, readme-generator, refactoring-plan) are original works.
Sources: