ui-structure-lint

What problem does it solve?

This Skill ensures that your project's code adheres to established directory structures, naming conventions, and import/export rules, preventing architectural drift and improving maintainability.

Core Features & Use Cases

• Directory Structure Auditing: Verifies component and page organization against defined patterns (e.g., src/components/<page-name>/<component-name>/).
• File Colocation & Naming: Checks for the correct placement and naming of related files (e.g., .tsx, .container.tsx, .logic.ts, .test.tsx).
• Barrel Export Validation: Ensures index.ts files correctly re-export only necessary modules.
• Namespace Import Enforcement: Promotes the use of namespace imports for clarity in Next.js pages.
• Use Case: When onboarding a new developer or integrating a new feature, this skill can automatically flag any deviations from the team's agreed-upon code structure, allowing for immediate correction.

Quick Start

Run the ui-structure-lint skill to audit the current project's component directory structure.