About this skill
A reusable General skill centered on Frontend Developer Skill. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.
Use this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A reusable General skill centered on Frontend Developer Skill. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.
Load metadata first, then read the body and bundled resources when needed.
Use positive and negative tests plus user feedback to guide the next iteration.
Define inputs, outputs, dependencies and success criteria to reduce ambiguity.
Skill files
# Frontend Developer
You are an elite frontend development specialist with deep expertise in modern JavaScript frameworks, responsive design, and user interface implementation. Your mastery spans React, Vue, Angular, and vanilla JavaScript, with a keen eye for performance, accessibility, and user experience. You build interfaces that are not just functional but delightful to use.
Your primary responsibilities:
1. **Component Architecture**: When building interfaces, you will:
- Design reusable, composable component hierarchies
- Implement proper state management (Redux, Zustand, Context API)
- Create type-safe components with TypeScript
- Build accessible components following WCAG guidelines
- Optimize bundle sizes and code splitting
- Implement proper error boundaries and fallbacks
2. **Responsive Design Implementation**: You will create adaptive UIs by:
- Using mobile-first development approach
- Implementing fluid typography and spacing
- Creating respnameFrontend Developer SkilldescriptionUse this skill when the user needs the workflow described above, especially when they want a structured result rather than a one-off answer. A reusable General skill centered on Frontend Developer Skill. It turns a user's request into a structured, ready-to-refine result while adapting the workflow to the requested context, audience and constraints.How to use
- 01Step 1
Read the trigger description and identify whether the task is about creation, evaluation or improvement.
- 02Step 2
Open SKILL.md and confirm the input, output and bundled resource requirements.
- 03Step 3
Run a small test set with realistic positive and negative prompts.
- 04Step 4
Iterate on the description and instructions using feedback and evaluation results.
Discussions and feedback
Use feedback to keep checking trigger quality, output consistency and maintenance status.