frontend-react-next
CommunityModular, high-performance React/Next UIs
AuthorRajanChavada
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Architect and maintain scalable, high-performance React/Next.js user interfaces by enforcing modular component boundaries, prop contracts, and DX best practices.
Core Features & Use Cases
- Modular component architecture (atoms, molecules, organisms) with explicit prop contracts and TypeScript safety.
- Server vs Client rendering guidance for Next.js, including performance tuning and rendering strategy decisions.
- Accessibility and semantic markup checks, with measurable impact on Core Web Vitals and user experience.
Quick Start
Build a small modular React/Next UI sample demonstrating atoms, molecules, and an organism while adhering to accessibility and performance guidelines.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-react-next Download link: https://github.com/RajanChavada/Rosetta/archive/main.zip#frontend-react-next Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.