Senior Frontend
This is a comprehensive frontend development skill that brings scaffolding scripts, component generators, and bundle analysis tools to your workflow. It handles the tedious setup work like spinning up Next.js projects with TypeScript and Tailwind, generating components with their test files and Storybook stories, and analyzing your package.json to catch bundle bloat before it ships. The real utility is in the automation scripts that generate proper file structures and identify heavy dependencies like moment or lodash with lighter alternatives. If you're regularly starting new React projects or maintaining frontend codebases where bundle size matters, the Python scripts here will save you from writing the same boilerplate and chasing down performance issues manually.
- skills.sh installs
- 178
- GitHub stars
- 39.4K
- last updated
- Jun 3, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-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.
When to Use
- Use when scaffolding a new React or Next.js project with TypeScript and Tailwind CSS.
- Use when generating new components or custom hooks.
- Use when analyzing and optimizing bundle sizes for frontend applications.
- Use to implement or review advanced React patterns like Compound Components or Render Props.
- Use to ensure accessibility compliance and implement robust testing strategies.
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
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/sickn33/antigravity-awesome-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Istio Traffic Management177
- React Flow Architect176
- Html Injection Testing174
- Code Simplifier173
- Postgresql Optimization173
- Wireshark Analysis173
- 007171
- Documentation171
- React Flow Node Ts167
- Agent Orchestrator166
- Ai Ml165
- Avoid Ai Writing165
- Android Jetpack Compose Expert163
- Ddd Strategic Design163
- Activecampaign Automation156
- Domain Driven Design153
- Agents Md151
- Api Endpoint Builder150
- Privilege Escalation Methods146
- Agent Framework Azure Ai Py145
- Canva Automation144
- Ddd Tactical Patterns143
- Bevy Ecs Expert142
- Agents V2 Py141
Recommended
More Frontend Development
developing-preactoaustegard/claude-skillsSpecialized Preact development skill for standards-based web applications with native-first architecture and minimal dependency footprint. Use when building Pre167skills.sh installs