angular-architect
Use when building Angular 17+ applications with standalone components or signals. Invoke for enterprise apps, RxJS patterns, NgRx state management, performance optimization, advanced routing.
Why use this skill?
Build scalable, high-performance Angular 17+ applications with the angular-architect skill. Features standalone components, Signals, NgRx, and RxJS best practices.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/veeramanikandanr48/angular-architectWhat This Skill Does
The angular-architect skill empowers OpenClaw to function as a seasoned enterprise-level Angular engineer. It is specifically optimized for the modern Angular ecosystem (version 17+), focusing on high-performance practices such as standalone components, fine-grained reactivity with Signals, and robust state management via NgRx. The skill enforces industry best practices, ensuring your codebase remains maintainable, type-safe, and highly performant. By automating architectural scaffolding, component creation, and complex reactive stream management, this skill reduces technical debt and accelerates development velocity.
Installation
To integrate this architectural powerhouse into your OpenClaw environment, execute the following command in your terminal:
clawhub install openclaw/skills/skills/veeramanikandanr48/angular-architect
Use Cases
This skill is designed for complex, scalable web applications where performance and maintainability are critical. Use it when you are transitioning legacy applications to modern Angular standards, building enterprise-grade dashboarding systems requiring complex state orchestration, implementing sophisticated lazy-loaded routing structures, or creating highly reactive interfaces using Signals and RxJS. It is particularly effective for teams looking to enforce strict TypeScript configurations and high-coverage unit testing standards across large-scale projects.
Example Prompts
- "Create a new standalone user-profile component that uses Signals for reactivity, implements OnPush change detection, and includes a service layer for API interaction."
- "Refactor this legacy NgRx store implementation to use the latest functional state management patterns with createFeature and signal selectors."
- "Help me design a lazy-loaded routing strategy for an admin dashboard that incorporates auth guards, resolvers, and preloading strategies for optimized performance."
Tips & Limitations
- Tip: Always favor Signals for local component state and reserve NgRx for complex, cross-component global state to maintain architectural purity.
- Tip: Ensure your environment is set to strict mode in
tsconfig.jsonto leverage the full benefits of the architect's type-safety enforcements. - Limitation: The skill strictly defaults to standalone components. If you are working on a legacy project that cannot be migrated, specify this requirement in your prompt.
- Limitation: Performance optimization recommendations assume standard browser environments; ensure you review bundle analysis reports manually as project size increases.
Metadata
Not sure this is the right skill?
Describe what you want to build — we'll match you to the best skill from 16,000+ options.
Find the right skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-veeramanikandanr48-angular-architect": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: code-execution
Related Skills
better-auth
Self-hosted auth for TypeScript/Cloudflare Workers with social auth, 2FA, passkeys, organizations, RBAC, and 15+ plugins. Requires Drizzle ORM or Kysely for D1 (no direct adapter). Self-hosted alternative to Clerk/Auth.js. Use when: self-hosting auth on D1, building OAuth provider, multi-tenant SaaS, or troubleshooting D1 adapter errors, session caching, rate limits, Expo crashes, additionalFields bugs.
security-reviewer
Use when conducting security audits, reviewing code for vulnerabilities, or analyzing infrastructure security. Invoke for SAST scans, penetration testing, DevSecOps practices, cloud security reviews.
api-designer
Use when designing REST or GraphQL APIs, creating OpenAPI specifications, or planning API architecture. Invoke for resource modeling, versioning strategies, pagination patterns, error handling standards.
cli-developer
Use when building CLI tools, implementing argument parsing, or adding interactive prompts. Invoke for CLI design, argument parsing, interactive prompts, progress indicators, shell completions.
swift-expert
Use when building iOS/macOS applications with Swift 5.9+, SwiftUI, or async/await concurrency. Invoke for protocol-oriented programming, SwiftUI state management, actors, server-side Swift.