General
PromptBeginner5 minmarkdown
Before finalizing
verify:
0
Explore
Find agent skills by outcome
121,461 skills indexed with the new KISS metadata standard.
Showing 24 of 121,461Categories: Coding & Debugging, Creative, Cursor-rules, Communication, General
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`FE-PLAN-1.1`):
0
Creative
PromptBeginner5 minmarkdown
- Design specifications source (Figma
Sketch
0
General
PromptBeginner5 minmarkdown
Use checkboxes and stable IDs (e.g.
`FE-ITEM-1.1`):
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed implementations and any code snippets to `TODO_frontend-developer.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
Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
0
Coding & Debugging
PromptBeginner5 minmarkdown
In `TODO_frontend-developer.md`
include:
0
General
PromptBeginner5 minmarkdown
- **Giant monolithic components**: Impossible to test
reuse
0
Creative
PromptBeginner5 minmarkdown
- **Inline styles for responsive design**: Cannot use media queries
pseudo-classes
0
General
PromptBeginner5 minmarkdown
### Angular (Angular 17+
Signals
0
General
PromptBeginner5 minmarkdown
- Apply VueUse composables for common utilities (storage
media queries
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use Composition API with `<script setup>` for concise
reactive component logic
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Leverage React 18+ features: transitions
deferred values
0
General
PromptBeginner5 minmarkdown
### Vue 3 (Nuxt
Vite
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Apply React Hook Form for performant
validation-rich form handling
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (Next.js
Remix
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use server state libraries (React Query
SWR) instead of storing API data in global state
0
General
PromptBeginner5 minmarkdown
- Respect `prefers-reduced-motion`
`prefers-color-scheme`
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use virtualization (react-virtual
vue-virtual-scroller) for lists over 100 items
0
General
PromptBeginner5 minmarkdown
- Avoid `!important`; manage specificity through architecture (layers
modules
0
General
PromptBeginner5 minmarkdown
- Debounce and throttle user inputs (search
scroll
0
General
PromptBeginner5 minmarkdown
- Use modern CSS features: container queries
cascade layers
0
General
PromptBeginner5 minmarkdown
- Use proper key prop in lists for stable identity
never array index for dynamic lists
0
General
PromptBeginner5 minmarkdown
- [ ] Color contrast meets WCAG 2.1 AA standards (4.5:1 normal
3:1 large)
0