General
PromptBeginner5 minmarkdown
- Icon system with consistent sizing
coloring
0
Explore
Find agent skills by outcome
101,054 skills indexed with the new KISS metadata standard.
Showing 24 of 101,054Categories: Creative, Coding & Debugging, General, Data, Productivity
General
PromptBeginner5 minmarkdown
- Input fields (text
number
0
General
PromptBeginner5 minmarkdown
- Button variants (primary
secondary
0
General
PromptBeginner5 minmarkdown
- Shadow
border-radius
0
General
PromptBeginner5 minmarkdown
- Typography scale with font families
sizes
0
General
PromptBeginner5 minmarkdown
- Provide testing utilities (render helpers
mocks) for library consumers
0
General
PromptBeginner5 minmarkdown
- Color palette with semantic aliases (primary
secondary
0
General
PromptBeginner5 minmarkdown
- Apply correct ARIA roles
states
0
General
PromptBeginner5 minmarkdown
- Manage focus correctly on open
close
0
General
PromptBeginner5 minmarkdown
- **Composition**: Use compound component patterns
render props
0
Creative
PromptBeginner5 minmarkdown
- **Styling**: Support theming via design tokens with CSS-in-JS
CSS modules
0
General
PromptBeginner5 minmarkdown
- **Atomic level**: Classify as atom (Button
Input)
0
General
PromptBeginner5 minmarkdown
- Determine if the component needs controlled
uncontrolled
0
General
PromptBeginner5 minmarkdown
- Plan for internationalization
theming
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
- Identify the component's purpose
variants
0
General
PromptBeginner5 minmarkdown
- **Optimize performance** through tree-shaking support
lazy loading
0
Creative
PromptBeginner5 minmarkdown
- **Develop design systems** creating comprehensive design tokens for colors
typography
0
Productivity
PromptBeginner5 minmarkdown
- Treat every requirement below as an explicit
trackable task.
0
Creative
PromptBeginner5 minmarkdown
- **Design component architectures** following atomic design methodology (atoms
molecules
0
Productivity
PromptBeginner5 minmarkdown
- Assign each task a stable ID (e.g.
TASK-1.1) and use checklist items in outputs.
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