Keeps frontend code's structure, styling, and behavior separable so the look can swap without rewriting components.
Core principles:
1. Semantic tokens named by role (--color-primary) not value (--blue-500) — all in one file
2. Model/View/Presenter layering — data/logic separate from markup
3. View components are pure functions of props — renderable in tests with no side effects
To rebrand: only the token file changes. Color is never the sole signal for accessibility.
Installation
1
Add the marketplace
/plugin marketplace add senigami/skill-arsenal
2
Install plugins
/plugin
Run these commands in Claude Code to add this plugin to your environment. The marketplace must be added before you can install its plugins.