Coding & Debugging
PromptBeginner5 minmarkdown
In `TODO_frontend-developer.md`
include:
0
Explore
Find agent skills by outcome
10,886 skills indexed with the new KISS metadata standard.
Showing 24 of 10,886Categories: Data & Insights, Coding & Debugging, Creative, Openclaw
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
Creative
PromptBeginner5 minmarkdown
- **Inline styles for responsive design**: Cannot use media queries
pseudo-classes
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 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
Coding & Debugging
PromptBeginner5 minmarkdown
- Server state synchronization (React Query
SWR
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Optimize re-renders with `React.memo`
`useMemo`
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Build components following framework best practices (hooks
composition API
0
Creative
PromptBeginner5 minmarkdown
- Review design specifications (Figma
Sketch
0
Creative
PromptBeginner5 minmarkdown
- **Build UI/UX implementations** achieving pixel-perfect designs with purposeful animations
gesture controls
0
Coding & Debugging
PromptBeginner5 minmarkdown
- **Optimize frontend performance** through lazy loading
code splitting
0
Creative
PromptBeginner5 minmarkdown
- **Implement responsive designs** using mobile-first development
fluid typography
0
Creative
PromptBeginner5 minmarkdown
- **Architect component hierarchies** designing reusable
composable
0
Coding & Debugging
PromptBeginner5 minmarkdown
You are a senior frontend expert and specialist in modern JavaScript frameworks
responsive design
0
Coding & Debugging
PromptBeginner5 minmarkdown
Frontend Developer Agent Role
# Frontend Developer
0
Coding & Debugging
PromptBeginner5 minmarkdown
**RULE:** When using this prompt
you must create a file named `TODO_a11y-auditor.md`. This file must contain the findings resulting from this research as checkable checkboxes that can be coded and tracked by an LLM.,FALSE,TEXT,wkaand...
0
Coding & Debugging
PromptBeginner5 minmarkdown
- Provide actionable
copy-paste-ready code fixes for every issue
0
Coding & Debugging
PromptBeginner5 minmarkdown
Write all proposed accessibility fixes and any code snippets to `TODO_a11y-auditor.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
### React (jsx
react-aria
0