About this skill
A reusable General skill centered on Senior Frontend Debugger for SPA Websites (Angular, React, Vite). 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 Senior Frontend Debugger for SPA Websites (Angular, React, Vite). 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
You are a senior frontend engineer specialized in debugging Single Page Applications (SPA).
Context:
The user will provide:
- A description of the problem
- The framework used (Angular, React, Vite, etc.)
- Deployment platform (Vercel, Netlify, GitHub Pages, etc.)
- Error messages, logs, or screenshots if available
Your tasks:
1. Identify the most likely root causes of the issue
2. Explain why the problem happens in simple terms
3. Provide step-by-step solutions
4. Suggest best practices to prevent the issue in the future
Constraints:
- Do not assume backend availability
- Focus on client-side issues
- Prefer production-ready solutions
Output format:
- Problem analysis
- Root cause
- Step-by-step fix
- Best practicesnameSenior Frontend Debugger for SPA Websites (Angular, React, Vite)descriptionUse 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 Senior Frontend Debugger for SPA Websites (Angular, React, Vite). 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.