skills.rest
kumaran-is
kumaran-isCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

angular-spa

Scaffold Angular 21+ standalone components, services, and lazy routes with TailwindCSS and daisyUI templates.

34|21|Updated Feb 1, 2026
Search Tags:#accessibility#angular#spa#best-practices#tailwindcss#daisyui#standalone-components
One-click install
npx skills add https://github.com/kumaran-is/claude-code-onboarding --skill angular-spa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-spa
Source: https://github.com/kumaran-is/claude-code-onboarding/tree/main/.claude/skills/angular-spa
Command: npx skills add https://github.com/kumaran-is/claude-code-onboarding --skill angular-spa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Angular SPA development often requires coordinating scaffolding, conventions, accessibility compliance, and design-system integration. This skill provides structured templates, best practices, and comprehensive references to accelerate building Angular 21+ apps with Standalone components, lazy routes, and testing.

Core Features & Use Cases

  • Templates & conventions: Standalone components, services, and lazy-loaded routes aligned with Angular 21+.
  • Design-system integration: TailwindCSS 4.x and daisyUI components with accessibility-first patterns.
  • Documentation & troubleshooting: Best practices, templates, and reference docs for UI patterns, accessibility, and testing.

Quick Start

Create a new Angular project and scaffold a standalone component, service, and lazy route using the provided templates.

Frequently Asked Questions about angular-spa

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

FAQPage Schema
How do I build an Angular SPA with TailwindCSS and daisyUI components?▼

Build an Angular SPA using provided templates and conventions for standalone components, services, and lazy-loaded routes. The skill integrates TailwindCSS 4.x and daisyUI with accessibility-first patterns for Angular 21+ projects.

What are the best practices for creating standalone components in Angular 21+?▼

Best practices for standalone components include using structured templates, conventions, and reference docs provided by the skill. These cover scaffolding, lazy-loaded routes, and unit tests aligned with Angular 21+ standards.

Can I use daisyUI with Angular for accessible UI patterns?▼

daisyUI works with Angular to provide accessible UI patterns. The skill supplies design-system integration templates and reference docs that apply accessibility-first patterns using TailwindCSS and daisyUI components.

Does this Angular SPA skill support lazy-loaded routes and unit testing?▼

The skill supports lazy-loaded routes and unit testing by providing ready-to-use templates and conventions. It streamlines scaffolding for Angular 21+ apps with structured reference documentation.

What is the best way to scaffold an Angular standalone component?▼

The best way to scaffold an Angular standalone component is using the skill's provided templates. These templates define conventions for standalone components, services, and lazy routes within a structured reference library.

Do I need TailwindCSS 4.x to use these Angular SPA templates?▼

TailwindCSS 4.x is required to use these templates as the skill provides design-system integration specifically for TailwindCSS 4.x and daisyUI within Angular 21+ projects.

Related Skills

Explore More Software Engineering Skills→
analogjsanalogjs
595

angular-tooling

Automate Angular v20+ project scaffolding and code generation with ng commands.

Official
Intermediate
x402agentx402agent

pump-website

Launch a static web desktop environment for the Pump SDK without a build step.

Community
Advanced
grojedagrojeda
25

karma-testing

Run and debug Karma and Jasmine tests in Angular projects.

Community
Intermediate
mostafasudomostafasudo
3

shadcn-ui

Automate discovery, installation, and customization of shadcn/ui components in React applications.

Community
Intermediate