Senior Frontend
Generates clean, performant, and accessible senior-level frontend code based on provided specifications and design principles.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add alirezarezvani-senior-frontend npx -- -y @trustedskills/alirezarezvani-senior-frontend
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"alirezarezvani-senior-frontend": {
"command": "npx",
"args": [
"-y",
"@trustedskills/alirezarezvani-senior-frontend"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides advanced frontend development expertise, including building responsive and accessible user interfaces, optimizing performance, and implementing modern web standards. It supports working with frameworks like React, Vue.js, and Angular, as well as CSS preprocessors such as Sass or Less.
When to use it
- You need to develop a complex single-page application (SPA) using React or another frontend framework.
- You're tasked with improving the performance of an existing web app by optimizing load times and reducing bundle sizes.
- Your project requires implementing accessibility standards like WCAG 2.1 for compliance and inclusivity.
Key capabilities
- Proficient in modern frontend frameworks (React, Vue.js, Angular)
- Expertise in CSS preprocessors (Sass, Less) and responsive design
- Knowledge of performance optimization techniques (code splitting, lazy loading)
- Familiarity with accessibility standards and best practices
Example prompts
- "Build a React component for a dynamic to-do list application with drag-and-drop functionality."
- "Optimize the load time of this Vue.js app by implementing code splitting and lazy loading."
- "Ensure this web page meets WCAG 2.1 AA accessibility standards."
Tips & gotchas
- Ensure your project setup includes necessary build tools like Webpack or Vite for optimal performance.
- Always test responsive designs across multiple devices and screen sizes to ensure compatibility.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.