Explore

Find agent skills by outcome

86,824 skills indexed with the new KISS metadata standard.

Showing 24 of 86,824Categories: Communication, General, Data, Creative, Cursor-rules, Coding & Debugging
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

- **Components with 20+ props**: Signal a need to decompose into smaller

composable pieces

0
General
PromptBeginner5 minmarkdown

- **No TypeScript types**: Removes autocompletion

documentation

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

- Use semantic token aliases (e.g.

`color.action.primary`) rather than raw values

0
General
PromptBeginner5 minmarkdown

- Implement roving tabindex for composite widgets (tabs

menus

0
General
PromptBeginner5 minmarkdown

- Use consistent naming: `variant`

`size`

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
General
PromptBeginner5 minmarkdown

After completing component development

verify:

0
General
PromptBeginner5 minmarkdown

- SSR/SSG compatibility is verified with Next.js

Nuxt

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
General
PromptBeginner5 minmarkdown

- Layout primitives: Stack

Grid

0
Data
PromptBeginner5 minmarkdown

- Data display components: Table

Card

0
General
PromptBeginner5 minmarkdown

- Navigation components: Tabs

Breadcrumb

0