scoped-colocation
CommunityOrganize code by feature, not by layer.
Software Engineering#refactoring#developer experience#code organization#code structure#colocation#feature-driven development
Authormcj-coder
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the cognitive load and maintenance challenges caused by poorly organized codebases, where related files are scattered across technical layers, making features hard to find, understand, and modify.
Core Features & Use Cases
- Feature-Scoped Directories: Organizes code by feature or domain, keeping all related files (implementation, tests, assets) together.
- Test Colocation: Ensures tests live alongside the code they verify.
- Asset Colocation: Keeps styles, types, and fixtures with their respective components or features.
- Use Case: When building a new "user authentication" feature, this Skill ensures all related files (e.g.,
LoginForm.tsx,useAuth.ts,auth.types.ts,LoginForm.test.tsx,LoginForm.module.css) are placed within a singlesrc/features/authentication/directory, rather than being spread acrosssrc/components/,src/hooks/,src/types/, andtests/components/.
Quick Start
Use the scoped-colocation skill to organize the code for a new user profile feature.
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: scoped-colocation Download link: https://github.com/mcj-coder/development-skills/archive/main.zip#scoped-colocation 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.