frontend-imports

What problem does it solve?

Frontend codebases often suffer from tangled imports across feature modules, making refactors risky and imports brittle. This Skill provides a structured pattern using barrel exports so each feature module exposes a single index.ts that re-exports its public APIs, simplifying cross-feature usage and reducing coupling.

Core Features & Use Cases

• Barrel Export Pattern: Each feature module has a single index.ts that exports all public APIs. Internal files import from this barrel export.
• Feature Index Structure: Example layout for a feature module showing components, hooks, pages, and routes organized under a consistent index.ts.
• Cross-Feature Consistency: Encourages using the barrel for imports across features to avoid deep/nested paths and circular dependencies.

Quick Start

Use the frontend-imports skill to organize imports across a feature module by creating an index.ts barrel export and converting internal imports to relative paths as shown in the feature example.