General
PromptBeginner5 minmarkdownQuality: 24
- Atomic Level: Atom
Molecule
0
Explore
Find agent skills by outcome
131,194 skills indexed with the new KISS metadata standard.
Showing 24 of 131,194Categories: Cursor-rules, Coding & Debugging, Data, General
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Target framework and version (React 18
Vue 3
0
General
PromptBeginner5 minmarkdownQuality: 24
Use checkboxes and stable IDs (e.g.
UI-PLAN-1.1):
0
General
PromptBeginner5 minmarkdownQuality: 24
In TODO_ui-architect.md
include:
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 28
Write all proposed components and any code snippets to TODO_ui-architect.md only. Do not create any...
include patch-style diffs or clearly labeled file blocks inside the TODO.
0
General
PromptBeginner5 minmarkdownQuality: 24
- No TypeScript types: Removes autocompletion
documentation
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Hardcoded colors
sizes
0
General
PromptBeginner5 minmarkdownQuality: 24
- Components with 20+ props: Signal a need to decompose into smaller
composable pieces
0
General
PromptBeginner5 minmarkdownQuality: 24
- Use Angular CDK primitives for accessible overlays
focus trapping
0
General
PromptBeginner5 minmarkdownQuality: 24
Angular (CDK
Material
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Use the Composition API (defineComponent
ref
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
Vue 3 (composition API
provide/inject
0
General
PromptBeginner5 minmarkdownQuality: 24
- Test behavior (clicks
keyboard input
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
React (hooks
context
0
General
PromptBeginner5 minmarkdownQuality: 24
- Provide visible
high-contrast focus indicators on all interactive elements
0
General
PromptBeginner5 minmarkdownQuality: 24
- Use semantic token aliases (e.g.
color.action.primary) rather than raw values
0
General
PromptBeginner5 minmarkdownQuality: 24
- Implement roving tabindex for composite widgets (tabs
menus
0
General
PromptBeginner5 minmarkdownQuality: 24
- Use consistent naming: variant
size
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- Start with the simplest API that covers core use cases
extend later
0
Coding & Debugging
PromptBeginner5 minmarkdownQuality: 24
- [ ] Design tokens are used exclusively (no hardcoded colors
sizes
0
General
PromptBeginner5 minmarkdownQuality: 24
- Event handlers follow framework conventions (onChange
onSelect
0
General
PromptBeginner5 minmarkdownQuality: 24
After completing component development
verify:
0
General
PromptBeginner5 minmarkdownQuality: 24
- SSR/SSG compatibility is verified with Next.js
Nuxt
0
General
PromptBeginner5 minmarkdownQuality: 24
- Installation requires minimal configuration (single package
optional peer deps)
0