senior-frontend

579 stars 112 forks
0
F

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.

CommandsAgentsMarketplace
#frontend#claude-ai#claudecode-subagents#claude-ai-skills#web applications#practices#guide#claude-skills

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-frontend
skilz install alirezarezvani/claude-skills/senior-frontend --agent opencode
skilz install alirezarezvani/claude-skills/senior-frontend --agent codex
skilz install alirezarezvani/claude-skills/senior-frontend --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/alirezarezvani/claude-skills
2. Copy the agent skill directory:
cp -r claude-skills/engineering-team/senior-frontend ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

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

Spec Compliance
12/15
PDA Architecture
10/30
Ease of Use
12/25
Writing Style
3/10
Utility
5/20

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

frontend claude-ai claudecode-subagents claude-ai-skills web applications practices guide claude-skills performance performant web

Report Security Issue

Found a security vulnerability in this agent skill?