file-organization
Proper file and directory structure for maintainable, scalable frontend code in the the application.
- Skills
- Development
- 0
What it does and how to use it
A skill that teaches Claude Code to do development tasks well. It is packaged knowledge the model uses whenever it is relevant.
- Install the skill (command above).
- In Claude Code, describe what you need - the skill turns on by itself when the context fits.
- No commands to memorize: you talk in plain language and the skill does the rest.
Install (Claude Code)
mkdir -p .claude/skills/file-organization && curl -fsSL https://doutorai.pt/data/lib/skills__file-organization.md -o .claude/skills/file-organization/SKILL.mdPaste this command into the terminal, in your project folder, and the component installs automatically.
Content
# File Organization
Proper file and directory structure for maintainable, scalable frontend code in the the application.
---
## features/ vs components/ Distinction
### features/ Directory
**Purpose**: Domain-specific features with their own logic, API, and components
**When to use:**
- Feature has multiple related components
- Feature has its own API endpoints
- Feature has domain-specific logic
- Feature has custom hooks/utilities
**Examples:**
- `features/posts/` - Project catalog/post management
- `features/blogs/` - Blog builder and rendering
- `features/auth/` - Authentication flo
- 🔒 Full content on the Pro plan (€7.99/month) -Need help with Claude Code?
Ask Dr AI - it explains things simply.
Need a tailor-made solution?
Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.
Save hours every week with AI, no hassle
Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.