General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`UI-PLAN-1.1`):
0
Explore
Find agent skills by outcome
126,432 skills indexed with the new KISS metadata standard.
Showing 24 of 126,432Categories: Data & Insights, General, Coding & Debugging, Data, Research & Learning, Creative
Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
0
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
General
PromptBeginner5 minmarkdown
In `TODO_ui-architect.md`
include:
0
General
PromptBeginner5 minmarkdown
- **No TypeScript types**: Removes autocompletion
documentation
0
General
PromptBeginner5 minmarkdown
- **Components with 20+ props**: Signal a need to decompose into smaller
composable pieces
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **Hardcoded colors
sizes
0
General
PromptBeginner5 minmarkdown
- Use Angular CDK primitives for accessible overlays
focus trapping
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use the Composition API (`defineComponent`
`ref`
0
General
PromptBeginner5 minmarkdown
### Angular (CDK
Material
0
Coding & Debugging
PromptBeginner5 minmarkdown
### Vue 3 (composition API
provide/inject
0
General
PromptBeginner5 minmarkdown
- Test behavior (clicks
keyboard input
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (hooks
context
0
General
PromptBeginner5 minmarkdown
- Provide visible
high-contrast focus indicators on all interactive elements
0
General
PromptBeginner5 minmarkdown
- Implement roving tabindex for composite widgets (tabs
menus
0
General
PromptBeginner5 minmarkdown
- Use semantic token aliases (e.g.
`color.action.primary`) rather than raw values
0
General
PromptBeginner5 minmarkdown
- Use consistent naming: `variant`
`size`
0
Coding & Debugging
PromptBeginner5 minmarkdown
- [ ] Design tokens are used exclusively (no hardcoded colors
sizes
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Start with the simplest API that covers core use cases
extend later
0
General
PromptBeginner5 minmarkdown
- SSR/SSG compatibility is verified with Next.js
Nuxt
0
General
PromptBeginner5 minmarkdown
After completing component development
verify:
0
General
PromptBeginner5 minmarkdown
- Event handlers follow framework conventions (onChange
onSelect
0
General
PromptBeginner5 minmarkdown
- Installation requires minimal configuration (single package
optional peer deps)
0
Creative
PromptBeginner5 minmarkdown
- Design token export formats (CSS variables
JS objects
0