interface-design · Claude Code Plugin
Extracto
Stop redeciding the same design choices every conversation
Resumen
Resumen Principal
El Claude Code Plugin emerge como una herramienta fundamental para establecer y mantener la coherencia visual en los proyectos de diseño gestionados por Claude, superando la limitación de la memoria entre conversaciones. Su propósito central es registrar y aplicar sistemáticamente decisiones de diseño críticas, almacenándolas en un archivo dedicado .interface-design/system.md. Este mecanismo
Contenido
Claude forgets your design decisions between conversations. This plugin remembers them and applies them consistently.
What it does
- Saves your design decisions to
.interface-design/system.md - Loads that file automatically every conversation
- States design choices before writing each component
- Builds with craft principles throughout
- Produces professional, polished interfaces
How it works
1. Suggests a direction
- Scans your project files
- Infers product type (dashboard, marketing, collaborative tool)
- Suggests appropriate direction (tight spacing vs generous, borders vs shadows)
- Asks one question to confirm
2. Saves decisions
- Button heights, padding, border radius
- Spacing grid (4px, 8px, 12px, 16px...)
- Color palette
- Depth strategy (borders vs shadows)
- Component patterns (exact measurements)
3. Maintains consistency
- States choices before each component
- Applies depth strategy throughout
- Keeps spacing on grid
- Offers to save new patterns
- Memory compounds over time
Example checkpoint
Depth: borders-only Surfaces: using established scale Borders: rgba(255,255,255,0.06) Spacing: 8px base