senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security
Installation for Agentic Skill
View all platforms →skilz install alirezarezvani/claude-skills/senior-frontendskilz install alirezarezvani/claude-skills/senior-frontend --agent opencodeskilz install alirezarezvani/claude-skills/senior-frontend --agent codexskilz install alirezarezvani/claude-skills/senior-frontend --agent geminiFirst time? Install Skilz: pip install skilz
Works with 22+ AI coding assistants
Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...
Extract and copy to ~/.claude/skills/ then restart Claude Desktop
git clone https://github.com/alirezarezvani/claude-skillscp -r claude-skills/engineering-team/senior-frontend ~/.claude/skills/Need detailed installation help? Check our platform-specific guides:
Related Agentic Skills
automating-mail
by SpillwaveSolutions
Automates Apple Mail via JXA with AppleScript dictionary discovery. Use when asked to "automate email", "send mail via script", "JXA Mail automatio...
automating-reminders
by SpillwaveSolutions
Automates Apple Reminders using JavaScript for Automation (JXA). Use when asked to "create reminders programmatically", "automate reminder lists", ...
mastering-postgresql
by SpillwaveSolutions
PostgreSQL development for Python with full-text search (tsvector, tsquery, BM25 via pg_search), vector similarity (pgvector with HNSW/IVFFlat), JS...
automating-contacts
by SpillwaveSolutions
Automates macOS Contacts via JXA with AppleScript dictionary discovery. Use when asked to "automate contacts", "JXA contacts automation", "macOS ad...
Agentic Skill Details
- Owner
- alirezarezvani (GitHub)
- Repository
- claude-skills
- Stars
- 579
- Forks
- 112
- Type
- Other
- Meta-Domain
- Primary Domain
- Market Score
- 0
Agent Skill Grade
F Score: 42/100 Click to see breakdown
Score Breakdown
Areas to Improve
- Placeholder Reference Content
- Marketing Language Throughout
- Non-Functional Scripts
Recommendations
- Focus on improving Pda (currently 10/30)
- Focus on improving Ease Of Use (currently 12/25)
- Focus on improving Writing Style (currently 3/10)
Graded: 2026-01-24
Developer Feedback
I took a look at your senior-frontend skill and noticed the grading came back at 42/100 — there's definitely some structural work needed, but I'm curious what the original vision was because the core idea has potential.
Links:
The TL;DR
You're at 42/100, solidly in F territory. This is based on Anthropic's grading framework for agentic skills. Your strongest area is Spec Compliance (12/15) — the YAML and metadata are technically sound. But Utility is dragging you down hard at 5/20, followed by Writing Style at 3/10. The reference files and scripts feel more like templates than actual guidance.
What's Working Well
- Valid YAML structure — Your frontmatter is clean and follows conventions properly
- Good trigger coverage — You've got ReactJS, NextJS, performance optimization, and TypeScript all in the metadata, which helps discoverability
- References exist — The three-file structure (nextjs_optimization_guide.md, frontend_best_practices.md, react_patterns.md) shows you understand layered architecture
The Big One: Placeholder Content Everywhere
This is the core issue. All three reference files are skeleton templates with no actual substance. They're full of placeholder descriptions like "Pattern 1: Best Practice Implementation" with generic bullet points, but zero concrete React patterns, Next.js optimization techniques, or real best practices. Same problem with the Python scripts — they're placeholder code with methods like analyze() and generate_report() that do nothing.
The fix: Replace those reference files with real content. Pick 5-6 actual React patterns (custom hooks composition, render-as-you-fetch, suspense boundaries), add concrete Next.js wins (image op...
AI-Detected Topics
Extracted using NLP analysis
Report Security Issue
Found a security vulnerability in this agent skill?
Report Security Issue
Thank you for helping keep SkillzWave secure. We'll review your report and take appropriate action.
Note: For critical security issues that require immediate attention, please also email security@skillzwave.ai directly.