Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
0
Explore
Find agent skills by outcome
24,570 skills indexed with the new KISS metadata standard.
Showing 24 of 24,570Categories: Data & Insights, Communication, Data, Coding & Debugging, Creative, Writing & Content
Coding & Debugging
PromptBeginner5 minmarkdown
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
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **Hardcoded colors
sizes
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use the Composition API (`defineComponent`
`ref`
0
Coding & Debugging
PromptBeginner5 minmarkdown
### Vue 3 (composition API
provide/inject
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (hooks
context
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Start with the simplest API that covers core use cases
extend later
0
Coding & Debugging
PromptBeginner5 minmarkdown
- [ ] Design tokens are used exclusively (no hardcoded colors
sizes
0
Writing & Content
PromptBeginner5 minmarkdown
- [ ] Storybook stories cover every variant
state
0
Writing & Content
PromptBeginner5 minmarkdown
- Storybook serves as a living
interactive component catalog
0
Creative
PromptBeginner5 minmarkdown
- Design token export formats (CSS variables
JS objects
0
Data
PromptBeginner5 minmarkdown
- Data display components: Table
Card
0
Writing & Content
PromptBeginner5 minmarkdown
- Write Storybook stories for every variant
state
0
Writing & Content
PromptBeginner5 minmarkdown
- Write unit tests covering component logic
state transitions
0
Creative
PromptBeginner5 minmarkdown
- **Styling**: Support theming via design tokens with CSS-in-JS
CSS modules
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Define the simplest
most composable API that covers all required functionality
0
Writing & Content
PromptBeginner5 minmarkdown
- **Generate documentation** with Storybook stories showcasing all states
variants
0
Communication
PromptBeginner5 minmarkdown
- **Ensure accessibility compliance** meeting WCAG 2.1 AA standards with proper ARIA attributes
keyboard navigation
0
Creative
PromptBeginner5 minmarkdown
- **Design component architectures** following atomic design methodology (atoms
molecules
0
Creative
PromptBeginner5 minmarkdown
- **Develop design systems** creating comprehensive design tokens for colors
typography
0
Creative
PromptBeginner5 minmarkdown
You are a senior frontend expert and specialist in scalable component library architecture
atomic design methodology
0
Writing & Content
PromptBeginner5 minmarkdown
- Never copy competitor content; always differentiate through depth
data
0
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
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...
0
Writing & Content
PromptBeginner5 minmarkdown
- Balance quick wins (metadata
internal links) with long-term strategies (content clusters
0