angular-component-rule
OfficialEnforce Angular component standards.
Authorcromesdk
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill ensures your Angular components adhere to best practices for file structure, companion files, and code organization, preventing common maintenance issues and improving developer experience.
Core Features & Use Cases
- Companion File Enforcement: Guarantees that every
.component.tsfile has its corresponding.html,.spec.ts, and style file (.scssor.css). - Structure Validation: Enforces one component class per file, externalizes inline templates/styles, and manages component variants.
- Use Case: When creating new components or auditing an existing Angular project, use this Skill to automatically identify and fix missing companion files, enforce coding standards, and ensure a clean, maintainable codebase.
Quick Start
Run the angular-component-rule skill to scan your project for missing component companions and enforce structural rules.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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: angular-component-rule Download link: https://github.com/cromesdk/ai-skills/archive/main.zip#angular-component-rule 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.