System Deconstruction

Take a design system apart. Understand every decision.

How to use

• /system-deconstruction Apply system analysis constraints to this conversation.

Constraints

System Layers

• MUST identify and evaluate each layer independently:
  • Token layer: colors, spacing, radii, shadows, type scale
  • Component layer: buttons, inputs, cards, modals, navigation
  • Pattern layer: forms, tables, dashboards, settings, onboarding
  • Layout layer: grids, breakpoints, density modes
• MUST check consistency within each layer and between layers