Senior Frontend
Provides frontend development patterns, component generation, and performance optimization for React and Next.js applications using TypeScript and Tailwind CSS. Use when scaffolding projects, generating components, analyzing bundles, or implementing accessibility and testing best practices.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 5
- skills.sh installs
- 1.7K
- GitHub stars
- 29.5K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add alirezarezvani/claude-skills --skill senior-frontend --agent claude-codeInstalls into .claude/skills of the current project.
Files
Senior Frontend
Frontend development patterns, performance optimization, and automation tools for React/Next.js applications.
Table of Contents
- Project Scaffolding
- Component Generation
- Bundle Analysis
- React Patterns
- Next.js Optimization
- Accessibility and Testing
Project Scaffolding
Generate a new Next.js or React project with TypeScript, Tailwind CSS, and best practice configurations.
Workflow: Create New Frontend Project
-
Run the scaffolder with your project name and template:
python scripts/frontend_scaffolder.py my-app --template nextjs -
Add optional features (auth, api, forms, testing, storybook):
python scripts/frontend_scaffolder.py dashboard --template nextjs --features auth,api -
Navigate to the project and install dependencies:
cd my-app && npm install -
Start the development server:
npm run dev
Scaffolder Options
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/alirezarezvani/claude-skills
- Categories
- Frontend Development, Code Review & Quality, Debugging, Design & UI/UX
- First seen
- May 16, 2026
More from alirezarezvani/claude-skills
All 267- Remember1.7K
- Review1.7K
- Ra Qm Skills1.7K
- Coverage1.7K
- Report1.6K
- Fix1.6K
- Init1.6K
- Generate1.6K
- Browserstack1.6K
- Extract1.6K
- Aws Solution Architect1.6K
- Promote1.6K
- Migrate1.6K
- Testrail1.6K
- Social Media Analyzer1.6K
- Status1.6K
- Loop1.6K
- Senior Architect1.5K
- Resume1.5K
- Setup1.5K
- Postmortem1.5K
- Run1.5K
- Board Prep1.5K
- Stress Test1.5K
Recommended
More Frontend Development
ui-design-systemdavila7/claude-code-templatesUI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handof1.7Kskills.sh installs
vtex-io-react-appsvtex/skillsApply when building React components under react/ or configuring store blocks in store/ for VTEX IO apps. Covers interfaces.json, contentSchemas.json for Site E1.7Kskills.sh installs
frontend-designcustomware-ai/skillsStrict frontend design guardrails for building modern, minimal-visual-noise, airy, non-generic app UIs. Use whenever creating or changing frontend UI, React com1.6Kskills.sh installs
ui-crafteduclopez/ui-craftUse for UI design and implementation work to avoid generic AI-looking interfaces. Provides anti-slop rules, a required discovery phase before coding, and guidan1.6Kskills.sh installs
ui-designmblode/agent-skillsDesigns and builds UI: visual direction, Tailwind implementation, browser-comparable variants, screenshot-to-markup scaffolds, dark-mode and responsive retrofit1.5Kskills.sh installs
ui-componentsyonatangross/orchestkitUI component library patterns for shadcn/ui and Radix Primitives. Use when building accessible component libraries, customizing shadcn components, using Radix u1.5Kskills.sh installs