design

# /kodo design

Premium frontend design skill for creating distinctive, accessible, production-grade interfaces.

## Philosophy

### The Jony Ive Approach

> "Reduce to the essential, then refine the essential."

Every design decision must pass through this filter:
1. **Is this element essential?** If not, remove it.
2. **Is this the simplest form?** If not, simplify it.
3. **Does this serve the user?** If not, reconsider it.

### Core Tenets

| Principle | Description |
|-----------|-------------|
| **Simplicity** | Remove until it breaks, then add back one thing |
| **Intentionality** | Every pixel has a purpose |
| **Consistency** | Same problem = same solution |
| **Hierarchy** | Guide the eye, don't compete for attention |
| **Restraint** | Elegance comes from what you leave out |

### Both/And, Not Either/Or

- Best practices AND creative distinction
- WCAG AAA accessibility AND visual delight
- Consistency AND memorable uniqueness
- Premium feel AND usability

This skill rejects the false choice between "generic but accessible" and "creative but inaccessible."
Every design should be both bulletproof AND beautiful.

---

## Challenge Mode

**CRITICAL**: This skill actively challenges user design choices against Design Bible principles.

### How Challenge Mode Works

When users propose or implement design choices, the plugin:

1. **Analyzes** the choice against Bible principles
2. **Identifies** any violations or concerns
3. **Challenges** the user with specific feedback
4. **Offers** Bible-recommended alternatives
5. **Requires explicit confirmation** to override

### Challenge Triggers

The plugin challenges when detecting:

| Violation | What's Detected | Bible Standard |
|-----------|-----------------|----------------|
| Pure colors | `#000000` or `#FFFFFF` used | Use `#F7F6F4` / `#1A1A1A` |
| Wrong ratio | Not 80/10/10 color distribution | 80% neutral, 10% brand, 10% feedback |
| High saturation | Colors at 100% saturation | Max 70-85% saturation |
| Low c