Landing Page Polish
AI-generated landing page refined from generic template to memorable brand experience.
/critique
/polish
/animate
01
AI Has Design Bias
Every LLM learned from the same generic templates. Without explicit guidance, they converge on the same predictable defaults.
Welcome to Our Platform
The best solution for your needs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. This is generic placeholder text.
Inter font (again)
Purple gradient
Generic copy
Cards on cards
Introducing
Thoughtful Design
Every element serves a purpose. Hierarchy guides the eye. Whitespace breathes.
With Skills
Generic AI Output
With Design Skills
02
The Antidote
Anthropic's original frontend-design skill laid the foundation. We built on it with curated patterns and anti-patterns across typography, color, layout, motion, and more.
Know a pattern we're missing? Help us grow the collection.
Suggest a Pattern
03
The Framework
One comprehensive skill with deep expertise, plus 17 commands that form the language of design.
↓
Together, they transform generic output into impeccable design.
04
Commands in Action
See how commands transform your designs
05
See It In Action
Sample projects transformed with Impeccable commands
Form UX Overhaul
Complex multi-step form simplified and clarified for better completion rates.
/simplify
/clarify
/harden
Dashboard Redesign
Generic analytics dashboard transformed into a distinctive, scannable interface.
/audit
/normalize
/bolder
06
Download for Your AI Harness
Same design intelligence, adapted for your workflow. Download and start using in seconds.
Cursor
Skills require setup
- Switch to Nightly channel in Settings → Beta
- Enable Agent Skills in Settings → Rules
Claude Code
Gemini CLI
Skills require setup
- Install preview:
npm i -g @google/gemini-cli@preview - Run
/settingsand enable "Skills" - Run
/skills listto verify
Codex CLI
07
Frequently Asked Questions
Where do I put the downloaded files?
Extract the ZIP to your project root (same level as your package.json or src/ folder). The files should create a hidden folder like .claude/, .cursor/, .gemini/, or .codex/.
Alternatively, you can install globally to your home directory:
- Claude Code:
~/.claude/ - Cursor:
~/.cursor/ - Gemini CLI:
~/.gemini/ - Codex CLI:
~/.codex/
Project-level installation takes precedence and lets you version control your skills.
Commands or skills aren't appearing. What do I do?
For commands: Type / in your AI tool and look for commands like /audit, /polish, etc. If they don't appear, double-check the files are in the correct location.
For skills: Skills are applied automatically when relevant. To verify, explicitly mention "use the frontend-design skill" in your prompt—this forces the AI to acknowledge and apply it.
Tool-specific setup:
- Cursor: Requires Nightly channel + Agent Skills enabled in Settings → Rules
- Gemini CLI: Requires
@google/gemini-cli@preview+ Skills enabled via/settings
I'm new to AI coding tools. Where do I start?
Skills and commands are intermediate features. If you're just getting started, learn the basics first:
- Claude Code: Official Documentation
- Cursor: Cursor Docs
- Gemini CLI: Gemini CLI Docs
- Codex CLI: Codex GitHub
Once you're comfortable with basic prompting and code generation, come back and install Impeccable to level up your design output.
Support the Project
Impeccable isn't backed by a company or VC. It's just me, building tools I wish existed. Your support keeps this independent and actively maintained.
Or choose your own amount →Voluntary contribution. No expectation of influence or future maintenance.
Work with me
I help teams of all sizes navigate AI transformation: upleveling developers, building AI-native workflows, and shipping end-to-end products. Deep expertise in developer experience, content platforms, and creator economy. Whether it's design systems, full-stack architecture, or figuring out how AI fits into your org, I can help.