feature-architecture
CommunityOrganize code with feature-based architecture.
Software Engineering#typescript#frontend-backend#code-organization#feature-architecture#public-api#import-conventions#barrels
Authorendriwmsi
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Managing growing codebases becomes unwieldy without a consistent architectural pattern. This Skill enforces a feature-based structure, aligning components, hooks, actions, schemas, types, and public APIs to reduce coupling and improve maintainability.
Core Features & Use Cases
- Feature-based directories: features/{feature-name}/ with components, hooks, actions, schemas, types, db, lib, and a public index.ts to export a stable API.
- Import discipline: barrels and a single public export point to simplify imports and enforce stable public interfaces.
- Public API guarantees: public exports are centralized through index.ts to support safe refactors and clear boundaries.
- Use Case: A team onboarding a new feature can scaffold folders, add exports via the feature's index.ts, and ensure internal modules are not imported directly by consumers.
Quick Start
Create a new feature under features/{name}, add a components folder with reusable UI pieces, create hooks and actions, and expose a public API from features/{name}/index.ts.
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: feature-architecture Download link: https://github.com/endriwmsi/hub-ln/archive/main.zip#feature-architecture 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.