Generate Angular standalone component scaffolds with TS, HTML, SCSS, and test files.
npx skills add https://github.com/pinoshe/real-estate-app --skill component-pinoshe
Please help me install this Agent Skill. Skill: component Source: https://github.com/pinoshe/real-estate-app/tree/main/.claude/skills/component Command: npx skills add https://github.com/pinoshe/real-estate-app --skill component-pinoshe
Scaffold Angular standalone components that conform to project conventions, speeding up UI development and ensuring consistency.
Provide the feature/component-name argument (for example valuation/results) to generate the component in the correct project path with all required files.
High-intent search queries and answers about installing and using this skill.
To scaffold an Angular standalone component, provide the feature and component name as an argument. The generator creates a complete set of TS, HTML, SCSS, and test files in the correct project path, adhering to project conventions.
Generated Angular standalone components enforce standalone: true, inject-based dependency injection, OnPush change detection, design-system styling, RTL-friendly CSS, ARIA attributes, and i18n-ready strings to ensure consistent architecture.
Yes, the Angular component generator supports accessibility and internationalization by automatically including ARIA attributes and i18n-ready strings in the scaffolded output for reusable UI blocks.
To create a new feature UI, pass the feature and component name, such as valuation/results, as an argument. The tool generates the component files directly in the correct project path.
Yes, you can use this generator for shared UI components. It applies to frontend feature development teams building reusable UI blocks with consistent architecture and styling across the project.
Using inject() for dependency injection is enforced as a project convention. This modern Angular pattern improves readability and type safety when generating standalone components with OnPush change detection.
Zoppy-crmEnforce Angular 19+ architecture and coding standards in the Zoppy monorepo.
shaprisGenerate unit and integration tests for Angular v20+ applications.
tidemannImplement standalone Angular components using signals and inject.
thehivegroup-aiIntegrate Tailwind CSS with Angular components using CSS-first styling.
