Rename /simplify command to /distill to avoid Claude Code clash

Claude Code now ships a built-in /simplify command for code
simplification, which conflicts with our design simplification
command. Renamed to /distill across all source files, demos,
metadata, and documentation.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Paul Bakaus
2026-03-04 09:11:57 -08:00
co-authored by Claude Opus 4.6
parent f3939c66e4
commit 4ef56ed959
12 changed files with 27 additions and 27 deletions
+1 -1
View File
@@ -11,7 +11,7 @@
"plugins": [
{
"name": "impeccable",
"description": "Design vocabulary and skills for frontend development. Includes 17 commands (/polish, /simplify, /audit, /bolder, /quieter, etc.) and an enhanced frontend-design skill with curated anti-patterns.",
"description": "Design vocabulary and skills for frontend development. Includes 17 commands (/polish, /distill, /audit, /bolder, /quieter, etc.) and an enhanced frontend-design skill with curated anti-patterns.",
"version": "1.0.0",
"author": {
"name": "Paul Bakaus",
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "impeccable",
"description": "Design vocabulary and skills for frontend development. Includes 17 commands (/polish, /simplify, /audit, /bolder, /quieter, etc.) and an enhanced frontend-design skill with curated anti-patterns.",
"description": "Design vocabulary and skills for frontend development. Includes 17 commands (/polish, /distill, /audit, /bolder, /quieter, etc.) and an enhanced frontend-design skill with curated anti-patterns.",
"version": "1.0.0",
"author": {
"name": "Paul Bakaus",
+1 -1
View File
@@ -97,7 +97,7 @@ For each issue:
- **What**: Name the problem clearly
- **Why it matters**: How this hurts users or undermines goals
- **Fix**: What to do about it (be concrete)
- **Command**: Which command to use (`/polish`, `/simplify`, `/bolder`, `/quieter`, etc.)
- **Command**: Which command to use (`/polish`, `/distill`, `/bolder`, `/quieter`, etc.)
### Minor Observations
Quick notes on smaller issues worth addressing.
@@ -1,9 +1,9 @@
---
name: simplify
name: distill
description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
args:
- name: target
description: The feature or component to simplify (optional)
description: The feature or component to distill (optional)
required: false
---
+3 -3
View File
@@ -12,7 +12,7 @@ Every LLM learned from the same generic templates. Without guidance, you get the
Impeccable fights that bias with:
- **An expanded skill** with 7 domain-specific reference files ([view source](source/skills/frontend-design/))
- **17 steering commands** to audit, review, polish, simplify, animate, and more
- **17 steering commands** to audit, review, polish, distill, animate, and more
- **Curated anti-patterns** that explicitly tell the AI what NOT to do
## What's Included
@@ -40,7 +40,7 @@ A comprehensive design skill with 7 domain-specific references ([view skill](sou
| `/critique` | UX design review: hierarchy, clarity, emotional resonance |
| `/normalize` | Align with design system standards |
| `/polish` | Final pass before shipping |
| `/simplify` | Strip to essence |
| `/distill` | Strip to essence |
| `/clarify` | Improve unclear UX copy |
| `/optimize` | Performance improvements |
| `/harden` | Error handling, i18n, edge cases |
@@ -120,7 +120,7 @@ Once installed, use commands in your AI coding tool:
/audit # Find issues
/normalize # Fix inconsistencies
/polish # Final cleanup
/simplify # Remove complexity
/distill # Remove complexity
```
Most commands accept an optional argument to focus on a specific area:
+3 -3
View File
@@ -195,7 +195,7 @@
'clarify': 'adaptation',
'quieter': 'intensity',
'bolder': 'intensity',
'simplify': 'adaptation',
'distill': 'adaptation',
'animate': 'enhancement',
'colorize': 'enhancement',
'delight': 'enhancement',
@@ -207,7 +207,7 @@
const commandRelationships = {
'teach-impeccable': { flow: 'One-time project context gathering' },
'audit': { leadsTo: ['normalize', 'harden', 'optimize', 'adapt', 'clarify'], flow: 'Technical quality audit' },
'critique': { leadsTo: ['polish', 'simplify', 'bolder', 'quieter'], flow: 'UX and design review' },
'critique': { leadsTo: ['polish', 'distill', 'bolder', 'quieter'], flow: 'UX and design review' },
'normalize': { combinesWith: ['clarify', 'adapt'], flow: 'Align with design system' },
'polish': { flow: 'Final pass before shipping' },
'optimize': { flow: 'Performance improvements' },
@@ -215,7 +215,7 @@
'clarify': { combinesWith: ['normalize', 'adapt'], flow: 'Improve UX copy' },
'quieter': { pairs: 'bolder', flow: 'Tone down bold designs' },
'bolder': { pairs: 'quieter', flow: 'Amplify timid designs' },
'simplify': { combinesWith: ['quieter', 'normalize'], flow: 'Strip to essence' },
'distill': { combinesWith: ['quieter', 'normalize'], flow: 'Strip to essence' },
'animate': { combinesWith: ['delight'], flow: 'Add motion' },
'colorize': { combinesWith: ['bolder', 'delight'], flow: 'Add strategic color' },
'delight': { combinesWith: ['bolder', 'animate'], flow: 'Add personality' },
+1 -1
View File
@@ -54,7 +54,7 @@
<div class="hero-included-items">
<span>Enhanced <em>frontend-design</em> skill + anti-patterns</span>
<span class="hero-included-sep">·</span>
<span>17 commands: /polish, /audit, /simplify, /bolder...</span>
<span>17 commands: /polish, /audit, /distill, /bolder...</span>
</div>
</div>
+4 -4
View File
@@ -47,7 +47,7 @@ export const commandProcessSteps = {
'clarify': ['Read', 'Simplify', 'Improve', 'Test'],
'quieter': ['Analyze', 'Reduce', 'Refine'],
'bolder': ['Analyze', 'Amplify', 'Impact'],
'simplify': ['Audit', 'Remove', 'Clarify'],
'distill': ['Audit', 'Remove', 'Clarify'],
'animate': ['Identify', 'Design', 'Implement', 'Polish'],
'colorize': ['Analyze', 'Strategy', 'Apply', 'Balance'],
'delight': ['Identify', 'Design', 'Implement'],
@@ -67,7 +67,7 @@ export const commandCategories = {
'clarify': 'adaptation',
'quieter': 'intensity',
'bolder': 'intensity',
'simplify': 'adaptation',
'distill': 'adaptation',
'animate': 'enhancement',
'colorize': 'enhancement',
'delight': 'enhancement',
@@ -88,7 +88,7 @@ export const skillRelationships = {
export const commandRelationships = {
'teach-impeccable': { flow: 'Setup: One-time project context gathering' },
'audit': { leadsTo: ['normalize', 'harden', 'optimize', 'adapt', 'clarify'], flow: 'Diagnostic: Technical quality audit' },
'critique': { leadsTo: ['polish', 'simplify', 'bolder', 'quieter'], flow: 'Diagnostic: UX and design review' },
'critique': { leadsTo: ['polish', 'distill', 'bolder', 'quieter'], flow: 'Diagnostic: UX and design review' },
'normalize': { combinesWith: ['clarify', 'adapt'], flow: 'Quality: Align with design system' },
'polish': { flow: 'Quality: Final pass before shipping' },
'optimize': { flow: 'Quality: Performance improvements' },
@@ -96,7 +96,7 @@ export const commandRelationships = {
'clarify': { combinesWith: ['normalize', 'adapt'], flow: 'Adaptation: Improve UX copy' },
'quieter': { pairs: 'bolder', flow: 'Intensity: Tone down bold designs' },
'bolder': { pairs: 'quieter', flow: 'Intensity: Amplify timid designs' },
'simplify': { combinesWith: ['quieter', 'normalize'], flow: 'Adaptation: Strip to essence' },
'distill': { combinesWith: ['quieter', 'normalize'], flow: 'Adaptation: Strip to essence' },
'animate': { combinesWith: ['delight'], flow: 'Enhancement: Add motion' },
'colorize': { combinesWith: ['bolder', 'delight'], flow: 'Enhancement: Add strategic color' },
'delight': { combinesWith: ['bolder', 'animate'], flow: 'Enhancement: Add personality' },
@@ -1,6 +1,6 @@
// Simplify command demo - shows cluttered UI becoming minimal
// Distill command demo - shows cluttered UI becoming minimal
export default {
id: 'simplify',
id: 'distill',
caption: 'Cluttered interface → Essential elements only',
before: `
+2 -2
View File
@@ -10,7 +10,7 @@ import optimize from "./optimize.js";
import harden from "./harden.js";
import clarify from "./clarify.js";
import quieter from "./quieter.js";
import simplify from "./simplify.js";
import distill from "./distill.js";
import colorize from "./colorize.js";
import delight from "./delight.js";
import extract from "./extract.js";
@@ -28,7 +28,7 @@ export const commandDemos = {
harden,
clarify,
quieter,
simplify,
distill,
colorize,
delight,
extract,
+1 -1
View File
@@ -97,7 +97,7 @@ For each issue:
- **What**: Name the problem clearly
- **Why it matters**: How this hurts users or undermines goals
- **Fix**: What to do about it (be concrete)
- **Command**: Which command to use (`/polish`, `/simplify`, `/bolder`, `/quieter`, etc.)
- **Command**: Which command to use (`/polish`, `/distill`, `/bolder`, `/quieter`, etc.)
### Minor Observations
Quick notes on smaller issues worth addressing.
@@ -1,9 +1,9 @@
---
name: simplify
name: distill
description: Strip designs to their essence by removing unnecessary complexity. Great design is simple, powerful, and clean.
args:
- name: target
description: The feature or component to simplify (optional)
description: The feature or component to distill (optional)
required: false
---
@@ -17,8 +17,8 @@ You cannot do a great job without having necessary context, such as target audie
Attempt to gather these from the current thread or codebase.
1. If you don't find *exact* information and have to infer from existing design and functionality, you MUST STOP and STOP and call the AskUserQuestionTool to clarify. whether you got it right.
2. Otherwise, if you can't fully infer or your level of confidence is medium or lower, you MUST STOP and call the AskUserQuestionTool to clarify. clarifying questions first to complete your context.
1. If you don't find *exact* information and have to infer from existing design and functionality, you MUST STOP and {{ask_instruction}} whether you got it right.
2. Otherwise, if you can't fully infer or your level of confidence is medium or lower, you MUST {{ask_instruction}} clarifying questions first to complete your context.
Do NOT proceed until you have answers. Simplifying the wrong things destroys usability.
@@ -46,7 +46,7 @@ Analyze what makes the design feel complex or cluttered:
- What can be removed, hidden, or combined?
- What's the 20% that delivers 80% of value?
If any of these are unclear from the codebase, STOP and call the AskUserQuestionTool to clarify.
If any of these are unclear from the codebase, {{ask_instruction}}
**CRITICAL**: Simplicity is not about removing features - it's about removing obstacles between users and their goals. Every element should justify its existence.
@@ -133,4 +133,4 @@ If you removed features or options:
- Consider if they need alternative access points
- Note any user feedback to monitor
Remember: You have great taste and judgment. Simplification is an act of confidence - knowing what to keep and courage to remove the rest. As Antoine de Saint-Exupéry said: "Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away."
Remember: You have great taste and judgment. Simplification is an act of confidence - knowing what to keep and courage to remove the rest. As Antoine de Saint-Exupéry said: "Perfection is achieved not when there is nothing more to add, but when there is nothing left to take away."