platform-frontend
OfficialScale frontend architecture with solid patterns.
Software Engineering#architecture#frontend#guidelines#best-practices#state-management#ui-patterns#component-design
Authorravnhq
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill standardizes frontend architecture patterns across teams, reducing duplication and enabling scalable UI codebases.
Core Features & Use Cases
- Framework-agnostic guidelines for organizing code by feature, avoiding barrel files, and preferring explicit imports.
- State-management guidance for when to lift state, where to colocate data, and how to choose between local vs server state.
- Real-world use case: When starting a new web app, apply the patterns to structure folders, naming, and components to improve maintainability and onboarding.
Quick Start
Start by adopting a feature-based folder structure in a new project and align the initial components and hooks with the 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: platform-frontend Download link: https://github.com/ravnhq/ai-toolkit/archive/main.zip#platform-frontend 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 223,000+ vetted skills library on demand.