Senior Frontend
This is a frontend patterns library disguised as a skill. It scaffolds Next.js and React projects with TypeScript and Tailwind, generates components with tests, and flags bundle bloat like when you're still shipping Moment.js instead of date-fns. The compound component patterns and server versus client component guidelines are solid references if you keep forgetting when to add 'use client'. It also includes an accessibility checklist and that cn utility everyone copies from shadcn. Best used when spinning up new projects or auditing existing ones for performance wins. The bundle analysis table alone might save you 200KB if your dependencies are out of date.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 5
- GitHub stars
- 1.7K
- last updated
- May 1, 2026
Install
$ npx -y skills add composiohq/awesome-claude-plugins --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.
Project Scaffolding
Generate a new Next.js or React project with TypeScript, Tailwind CSS, and best practice configurations.
Scaffolder Options
| Option | Description |
|---|---|
--template nextjs | Next.js 14+ with App Router and Server Components |
--template react | React + Vite with TypeScript |
--features auth | Add NextAuth.js authentication |
--features api | Add React Query + API client |
--features forms | Add React Hook Form + Zod validation |
--features testing | Add Vitest + Testing Library |
Generated Structure (Next.js)
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/composiohq/awesome-claude-plugins
- Categories
- Frontend Development, Code Review & Quality, Debugging, Design & UI/UX
- First seen
- Jun 11, 2026
More from composiohq/awesome-claude-plugins
All 23- Theme Factory
- Perf Theory Gatherer
- Perf Theory Tester
- Unpause Subs
- Add Sub
- Perf Analyzer
- Artifacts Builder
- Perf Baseline Manager
- Perf Benchmarker
- Canvas Design
- Changelog Generator
- Perf Code Paths
- Developer Growth Analysis
- Frontend Design
- Help
- Perf Investigation Logger
- List Subs
- Mcp Builder
- Pause Subs
- Perf Profiler
- Reflecting On Sessions
- Remove Sub
Recommended
More Frontend Development
Frontend Builderdaffy0208/ai-dev-standardsBuild modern React/Next.js frontends. Use when creating web applications, choosing frontend stack, structuring components, or implementing UI/UX designs. Covers0skills.sh installs
frontend-designrecomby-ai/recomby-geoCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs
frontend-designsyahiidkamil/software-engineer-ai-agent-atlasCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs
applying-ui-design-systemtelagod/code-abyssFrontend UI design system selector and implementation guide covering Glassmorphism, Liquid Glass (Apple-style), Neubrutalism, and Claymorphism. Use when buildin0skills.sh installs
frontend-designthinkinaixyz/deepchatCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, 0skills.sh installs
vercel-react-view-transitionsvercel-labs/agent-skillsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran0skills.sh installs