angular

Implement Angular v19+ apps with strict control flow and Tailwind CSS v4 via pnpm/Nx workflows.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/plutowang/term.conf --skill angular-plutowang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: angular
Source: https://github.com/plutowang/term.conf/tree/main/opencode/skills/inventory/angular
Command: npx skills add https://github.com/plutowang/term.conf --skill angular-plutowang

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables building robust Angular applications (v19+) with strict, modern patterns that improve maintainability, readability, and performance by adhering to recommended control flow and reactive patterns, while integrating Tailwind CSS v4 and Nx/Pnpm workflows.

Core Features & Use Cases

  • Enforces modern Angular patterns: Control Flow syntax (@if, @for, @switch, @case), @let variables, and ngrxLet for reactive state.
  • Tailwind CSS v4 integration: CSS-config aware styling using utility classes; no component-level SCSS/CSS.
  • Nx + pnpm workflow: generator and build commands using pnpm nx; helps monorepo scaling.
  • Real-world Use Case: building a dashboard with dynamic lists and forms using LetDirective and reactive streams.

Quick Start

Use the angular skill to scaffold a v19+ Angular app using pnpm Nx commands and set up Tailwind v4 with Let directive.

Frequently Asked Questions about angular

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build scalable Angular web apps using modern reactive patterns?

To build scalable Angular web apps with reactive patterns, implement v19+ applications using strict control flow syntax like @if and @for, alongside ngrxLet for reactive state management. This enforces maintainable and readable code structures for feature-rich apps.

Does this Angular workflow support Tailwind CSS v4 and Nx monorepos?

Yes, the Angular workflow supports Tailwind CSS v4 and Nx monorepos. It integrates CSS-config aware utility class styling without component-level SCSS and uses pnpm nx commands for generators and builds to help scale monorepos.

What is the best way to manage reactive state in Angular v19+?

The best way to manage reactive state in Angular v19+ is using the ngrxLet LetDirective. It handles reactive streams directly in templates, allowing you to build dynamic lists and forms in scalable dashboards while maintaining strict control flow.

How do I set up an Angular v19+ project with pnpm and Nx?

To set up an Angular v19+ project with pnpm and Nx, use pnpm nx commands to scaffold the application. This workflow requires an environment with Angular v19+, Tailwind CSS v4 setup, and pnpm with Nx workspace tooling configured.

Can I use component-level SCSS or CSS with this modern Angular setup?

No, you should not use component-level SCSS or CSS with this modern Angular setup. It enforces Tailwind CSS v4 integration, requiring CSS-config aware styling using utility classes to improve maintainability and readability across the application.