Coding & Debugging
PromptBeginner5 minmarkdown
In `TODO_frontend-developer.md`
include:
0
Explore
Find agent skills by outcome
95,839 skills indexed with the new KISS metadata standard.
Showing 24 of 95,839Categories: Coding & Debugging, Cursor-rules, General, Openclaw, Creative
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
General
PromptBeginner5 minmarkdown
- Apply VueUse composables for common utilities (storage
media queries
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
### Vue 3 (Nuxt
Vite
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use Composition API with `<script setup>` for concise
reactive component logic
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Apply React Hook Form for performant
validation-rich form handling
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Leverage React 18+ features: transitions
deferred values
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (Next.js
Remix
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use virtualization (react-virtual
vue-virtual-scroller) for lists over 100 items
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use server state libraries (React Query
SWR) instead of storing API data in global state
0
General
PromptBeginner5 minmarkdown
- Avoid `!important`; manage specificity through architecture (layers
modules
0
General
PromptBeginner5 minmarkdown
- Respect `prefers-reduced-motion`
`prefers-color-scheme`
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
- Debounce and throttle user inputs (search
scroll
0
General
PromptBeginner5 minmarkdown
- [ ] Core Web Vitals meet targets (FCP < 1.8s
TTI < 3.9s
0
General
PromptBeginner5 minmarkdown
- [ ] Color contrast meets WCAG 2.1 AA standards (4.5:1 normal
3:1 large)
0
General
PromptBeginner5 minmarkdown
- [ ] Components render correctly across all target browsers (Chrome
Firefox
0
General
PromptBeginner5 minmarkdown
After completing frontend implementation
verify:
0
General
PromptBeginner5 minmarkdown
- Images use modern formats (WebP
AVIF) with responsive srcset
0
General
PromptBeginner5 minmarkdown
- Color contrast ratios meet WCAG AA (4.5:1 normal
3:1 large text and UI)
0
General
PromptBeginner5 minmarkdown
- Form controls have associated labels
error messages
0