angular-architect
Generates Angular 17+ standalone components, configures advanced routing
by jeffallanFree
Description
angular-architect is an agent skill from the jeffallan claude-skills collection that helps a coding agent build Angular applications, specialising in Angular 17 and later with standalone components, signals and enterprise-scale structure. Its workflow runs in order: analyse the requirements to identify components, state needs and routing; design the architecture with standalone components and a signal-based state flow; implement features with OnPush change detection and reactive patterns; manage state with NgRx store, effects and selectors, verifying store hydration and action flow with Redux DevTools; optimise performance and bundle size, running a production build to check for regressions; and test with TestBed, aiming for a coverage threshold above 85 percent. The skill also loads deeper reference guidance for the topic at hand, such as lazy-loaded routing with guards or RxJS patterns. It is listed on skills.sh, where the page shows install counts and GitHub stars for the collection. Its security audit from Gen Agent Trust Hub is marked as failing, which is listed in the FAQ, so review it before installing. Install it with npx skills add https://github.com/jeffallan/claude-skills --skill angular-architect.…
Highlights
- Standalone components and signals
- Lazy-loaded routing with guards
- NgRx store, effects and selectors
- OnPush and RxJS patterns
- Production bundle checks
- Installs from skills.sh
Ratings & Reviews
No ratings yet
Be the first to rate angular-architect.
People also visit
frontend-code-review
Use only when the user explicitly requests a review or audit of frontend code
analytics-events
Add product analytics events to track user interactions in the Metabase frontend
frontend-dev-guidelines
You are a senior frontend engineer operating under strict architectural
angular-architect FAQ
What does this skill do?
It helps a coding agent design and build Angular 17+ applications with standalone components, signals, routing, NgRx state and tests.
What does the workflow check?
The skill checks store hydration and action flow in Redux DevTools, verifies bundle size with a production build, and aims for above 85 percent test coverage.
How do I install it?
Run npx skills add https://github.com/jeffallan/claude-skills --skill angular-architect.
What are the security audit results?
skills.sh lists three audits: Gen Agent Trust Hub Fail, Socket Pass and Snyk Pass. A Warn or Fail is worth reading before you install.
How popular is it?
The page shows about 4.6K installs, and the claude-skills repository has 11.9K GitHub stars.
Does it cover NgRx?
Yes. It sets up the NgRx store, effects and selectors as needed in the state step.
What are the best angular-architect alternatives?
Popular alternatives to angular-architect include angular-migration, react-expert and react-patterns. See all angular-architect alternatives