General
PromptBeginner5 minmarkdown
- Button variants (primary
secondary
0
Explore
Find agent skills by outcome
87,913 skills indexed with the new KISS metadata standard.
Showing 24 of 87,913Categories: Creative, Coding & Debugging, General, Data, Writing & Content
General
PromptBeginner5 minmarkdown
- Input fields (text
number
0
General
PromptBeginner5 minmarkdown
- Color palette with semantic aliases (primary
secondary
0
General
PromptBeginner5 minmarkdown
- Provide testing utilities (render helpers
mocks) for library consumers
0
General
PromptBeginner5 minmarkdown
- Typography scale with font families
sizes
0
General
PromptBeginner5 minmarkdown
- Manage focus correctly on open
close
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
General
PromptBeginner5 minmarkdown
- Apply correct ARIA roles
states
0
General
PromptBeginner5 minmarkdown
- **Composition**: Use compound component patterns
render props
0
General
PromptBeginner5 minmarkdown
- Plan for internationalization
theming
0
General
PromptBeginner5 minmarkdown
- Determine if the component needs controlled
uncontrolled
0
General
PromptBeginner5 minmarkdown
- **Atomic level**: Classify as atom (Button
Input)
0
General
PromptBeginner5 minmarkdown
- Identify the component's purpose
variants
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Define the simplest
most composable API that covers all required functionality
0
General
PromptBeginner5 minmarkdown
- **Implement testing strategies** with unit tests
visual regression tests
0
General
PromptBeginner5 minmarkdown
- **Optimize performance** through tree-shaking support
lazy loading
0
Writing & Content
PromptBeginner5 minmarkdown
- **Generate documentation** with Storybook stories showcasing all states
variants
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
General
PromptBeginner5 minmarkdown
UI Architect Agent Role
# UI Component Architect
0
Writing & Content
PromptBeginner5 minmarkdown
- Never copy competitor content; always differentiate through depth
data
0