架構模式
Atomic Design Skill
Build new UIs from scratch or refactor existing UIs using Brad Frost's Atomic Design methodology. Use this skill whenever the user mentions atomic design, design systems, component hierarchies, UI component architecture, or asks to organize/restructure/refactor UI components into a systematic hierarchy. Also trigger when the user wants to create a component library, establish a pattern library, break a monolithic UI into reusable parts, or audit an existing interface for consistency. Works with any language or framework — React, Vue, Angular, Svelte, Flutter, SwiftUI, Jetpack Compose, vanilla HTML/CSS, or any component-based UI system.