frontend-conventions
CommunityStandardize Next.js 14+ frontend conventions.
Software Engineering#typescript#accessibility#frontend#pnpm#nextjs#project-structure#coding-conventions
Authorrladydqls99
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Standardizes frontend project conventions to reduce onboarding time, improve consistency, and enhance maintainability across Next.js 14+ apps.
Core Features & Use Cases
- Recommended Next.js 14+ App Router folder structure, including root app layout, pages, error and loading boundaries, and nested route groups.
- Clear naming, barrel export strategies, and strict TypeScript guidelines to promote strong typing and predictable imports.
- Guidance on server components vs client components, API routing patterns, styling, and accessibility considerations to build scalable, robust UIs.
Quick Start
Adopt the documented folder layout and coding conventions to bootstrap or refactor a Next.js 14+ project for consistency and scalability.
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-conventions Download link: https://github.com/rladydqls99/fault-ratio/archive/main.zip#frontend-conventions 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.