you must create a file named `TODO_seo-optimization.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wk...

Apr 2, 2026

Find agent skills by outcome

- Prioritize developer experience through intuitive

- Target framework and version (React 18

Write all proposed components and any code snippets to `TODO_ui-architect.md` only. Do not create any other files. If specific files should be created or edited

- **Hardcoded colors

- Use the Composition API (`defineComponent`

### Vue 3 (composition API

### React (hooks

- [ ] Design tokens are used exclusively (no hardcoded colors

- Start with the simplest API that covers core use cases

- [ ] Storybook stories cover every variant

- Storybook serves as a living

- Design token export formats (CSS variables

- Data display components: Table

- Write unit tests covering component logic

- Write Storybook stories for every variant

- **Styling**: Support theming via design tokens with CSS-in-JS

- Define the simplest

- **Generate documentation** with Storybook stories showcasing all states

- **Design component architectures** following atomic design methodology (atoms

- **Develop design systems** creating comprehensive design tokens for colors

You are a senior frontend expert and specialist in scalable component library architecture

- Balance quick wins (metadata

- Never copy competitor content; always differentiate through depth

**RULE:** When using this prompt

- Styling: Support theming via design tokens with CSS-in-JS

- Generate documentation with Storybook stories showcasing all states

- Design component architectures following atomic design methodology (atoms

- Develop design systems creating comprehensive design tokens for colors

RULE: When using this prompt