skills.rest
ishiyan
ishiyanCOMMUNITY
Explore all skills by this author →
GitHub

angular-developer

Generate Angular scaffolds with signals-based forms, DI, SSR readiness, and Tailwind v4.

Updated Nov 24, 2021
Search Tags:#routing#angular#cli#forms#signals#tailwind#aria
One-click install
npx skills add https://github.com/ishiyan/Mbng --skill angular-developer-ishiyan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: angular-developer
Source: https://github.com/ishiyan/Mbng/tree/main/.opencode/skills/angular-developer
Command: npx skills add https://github.com/ishiyan/Mbng --skill angular-developer-ishiyan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides guided, standards-compliant Angular development techniques and code generation to reduce boilerplate, mistakes, and decision fatigue when creating projects, components, services, or routing structures.

Core Features & Use Cases

  • Enforces modern patterns such as signals-based forms, dependency injection, and server-side rendering readiness.
  • Guides accessibility, styling with Tailwind v4, and testing strategies to produce production-grade apps.
  • Use cases include scaffolding new features, enforcing architecture decisions, and auditing code quality during iterated development.

Quick Start

Generate an Angular feature scaffold (component, service, or module) following signals-based forms, ARIA accessibility, Tailwind v4 styling, and routing best practices using the Angular CLI.

Frequently Asked Questions about angular-developer

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

FAQPage Schema
How do I scaffold Angular components using signals-based forms and Tailwind v4?▼

Scaffold Angular components by generating production-ready code that enforces signals-based forms, Tailwind v4 styling, and ARIA accessibility. The output provides a ready-to-run skeleton validated for Angular version compatibility and build success.

What is the best way to enforce ARIA accessibility standards in Angular routing structures?▼

Enforce ARIA accessibility in Angular routing by applying guided, standards-compliant code generation to routes and components. This approach validates architecture decisions and returns a ready-to-run skeleton aligned with modern accessibility patterns.

Can I generate Angular services with dependency injection and SSR readiness using the Angular CLI?▼

Generate Angular services with dependency injection and SSR readiness through guided code scaffolding. The process validates Angular version compatibility, preserves architecture decisions, and ensures build success for production-ready modules.

Does Angular signals-based forms integration work with Tailwind v4 styling?▼

Angular signals-based forms integrate seamlessly with Tailwind v4 styling during scaffold generation. The guided approach enforces modern patterns, accessibility standards, and SSR readiness while validating version compatibility and build success.

Why does my Angular scaffold fail architecture decisions during iterated development?▼

Angular scaffolds fail architecture decisions when code lacks standards-compliant patterns. Use guided generation to preserve architecture decisions, enforce signals-based forms, validate Angular version compatibility, and ensure build success for production-ready apps.

When do I need SSR readiness in Angular component scaffolding?▼

SSR readiness is needed in Angular component scaffolding when building production-grade apps requiring server-side rendering. The guided generation enforces SSR readiness alongside signals-based forms, DI, Tailwind v4, and ARIA accessibility standards.

Related Skills

Explore More Software Engineering Skills→
choyinychoyiny
30

angular-tooling

Generate and manage Angular projects with the Angular CLI.

Community
Intermediate
vanman2024vanman2024
3

MCP Development

Scaffold and validate FastMCP MCP server structures with scripts.

Community
Intermediate
OussemasahbeniOussemasahbeni
51

angular-developer

Expert system for generating Angular-compliant code and workflows.

Community
Intermediate
grasberggrasberg
3

frontend-specialist

Architect React, Next.js, and Vue frontend systems for performance and WCAG accessibility.

Community
Advanced