Description
Senior-frontend is an agent skill for building React and Next.js applications with TypeScript and Tailwind CSS. It covers project scaffolding, component generation, bundle analysis, React patterns, Next.js performance optimization, and accessibility and testing. Project scaffolding generates a new Next.js or React project with TypeScript, Tailwind CSS and configuration that follows common best practices. The bundle analysis section helps find what makes the build heavy, and the performance section covers how to make Next.js pages load faster. The accessibility and testing section covers the checks to run before shipping a component. The skill is aimed at frontend developers who want consistent project setup and reusable patterns across their React code. You invoke it when building React components, optimizing a Next.js app, or starting a new project, and it draws on its table of contents to load the right guidance. It is part of the claude-skills collection by alirezarezvani and is listed on skills.sh with clean security audits.…
Highlights
- Scaffolds Next.js or React projects with TypeScript and Tailwind CSS
- Generates components and covers React patterns
- Bundle analysis and Next.js performance optimization
- Accessibility and testing guidance
Ratings & Reviews
No ratings yet
Be the first to rate senior-frontend.
People also visit
frontend-code-review
Use only when the user explicitly requests a review or audit of frontend code
frontend-dev-guidelines
You are a senior frontend engineer operating under strict architectural
webapp-testing
Test local web applications using Playwright for UI verification and debugging
senior-frontend FAQ
What does senior-frontend set up?
A new Next.js or React project with TypeScript, Tailwind CSS and best-practice configuration.
Does it help with performance?
Yes. It covers bundle analysis and Next.js optimization.
What about accessibility?
It includes an accessibility and testing section.
Who is it for?
Frontend developers working with React, Next.js and TypeScript.
How do I install it?
Run npx skills add https://github.com/alirezarezvani/claude-skills --skill senior-frontend in your terminal.
Is it free?
The listing shows the skill as free.
What security audits has it passed?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Pass and Snyk Pass.
What are the best senior-frontend alternatives?
Popular alternatives to senior-frontend include react-nextjs-development, react-patterns and frontend-code-review. See all senior-frontend alternatives