design-micah-godbolt

What problem does it solve?

It helps you design and standardize frontend architecture for design systems so teams don’t accumulate brittle CSS, inconsistent process, weak testing, or documentation debt.

Core Features & Use Cases

• Four-Pillars Architecture Guidance: Evaluate and plan Code, Process, Testing, and Documentation as a single, interdependent system, not as separate checklists.
• Modular CSS Standards: Recommend and enforce a modular CSS methodology (e.g., OOCSS/SMACSS/BEM) with naming conventions and specificity discipline.
• Visual Regression Testing Strategy: Define a repeatable visual regression baseline and CI gate so CSS changes don’t slip through unnoticed.
• Documentation Architecture & Living Style Guides: Establish how documentation and pattern libraries are created, maintained, and kept aligned with implementation.

Quick Start

Use this skill to generate a complete frontend architecture plan by asking: "Plan my design system frontend architecture using the Four Pillars, including modular CSS standards, a visual regression testing strategy, and a documentation plan."