App Development Skill
CommunityBuild features faster in Next.js.
Authorasmith7013
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides developers with a comprehensive guide and code patterns for building features within the AI Coaching Platform's Next.js application, streamlining the development process and ensuring consistency.
Core Features & Use Cases
- Architecture Guidance: Understand the Next.js application's structure and file organization.
- Component Best Practices: Learn how to build reusable UI components following a strict hierarchy and using design tokens.
- Data Flow & State Management: Implement server actions, integrate React Query, and manage data validation with Zod.
- Use Case: When adding a new student profile page, refer to this Skill for guidance on creating server actions for data fetching, building domain components for student details, and implementing React Query hooks for efficient state management.
Quick Start
Show me the pattern for creating a new server action to fetch user data.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: App Development Skill Download link: https://github.com/asmith7013/coachingPlatform/archive/main.zip#app-development-skill Please download this .zip file, extract it, and install it in the .claude/skills/ directory.