angular-awesome-new-component

What problem does it solve?

Many Web Awesome components require manual, repetitive work to add first-class Angular wrapper directives, including mapping component APIs to Angular inputs/outputs, creating tests, documentation, and wiring exports; this Skill codifies that end-to-end process to reduce errors and speed development.

Core Features & Use Cases

• API Extraction: Translate component API details into Angular Inputs, Outputs, slots, and methods by extracting details from llms.txt.
• Scaffolding & Tests: Generate a directive file, a spec file with common tests, a rules markdown, and an examples markdown to maintain consistency across the library.
• Integration & Verification: Add exports to src/public-api.ts, ensure the project builds and tests pass, regenerate docs, and update the changelog for release readiness.
• Use Case: When adding a new wa-* component to the angular-awesome library, use this workflow to produce a tested, documented, and exported Angular wrapper ready for publishing.

Quick Start

Create a new wa-xyz wrapper by extracting its API from llms.txt, scaffolding the directive, spec, rules, and example files, exporting it in src/public-api.ts, running the Angular build and headless tests, regenerating docs, and updating CHANGELOG.md.