Coding & Debugging
PromptBeginner5 minmarkdown
In `TODO_frontend-developer.md`
include:
0
Explore
Find agent skills by outcome
108,414 skills indexed with the new KISS metadata standard.
Showing 24 of 108,414Categories: Coding & Debugging, Communication, General, Data
Coding & Debugging
PromptBeginner5 minmarkdown
- Target framework and version (React 18
Vue 3
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
General
PromptBeginner5 minmarkdown
- **Giant monolithic components**: Impossible to test
reuse
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
- Apply React Hook Form for performant
validation-rich form handling
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
- Leverage React 18+ features: transitions
deferred values
0
Data
PromptBeginner5 minmarkdown
- Separate UI state (modal open
selected tab) from domain data (users
0
Coding & Debugging
PromptBeginner5 minmarkdown
### React (Next.js
Remix
0
General
PromptBeginner5 minmarkdown
- Avoid `!important`; manage specificity through architecture (layers
modules
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use server state libraries (React Query
SWR) instead of storing API data in global state
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Use virtualization (react-virtual
vue-virtual-scroller) for lists over 100 items
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
- Respect `prefers-reduced-motion`
`prefers-color-scheme`
0
General
PromptBeginner5 minmarkdown
- [ ] Core Web Vitals meet targets (FCP < 1.8s
TTI < 3.9s
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
General
PromptBeginner5 minmarkdown
After completing frontend implementation
verify:
0
General
PromptBeginner5 minmarkdown
- [ ] Components render correctly across all target browsers (Chrome
Firefox
0
General
PromptBeginner5 minmarkdown
- Images use modern formats (WebP
AVIF) with responsive srcset
0