angular-architect

仓库创建 2025年10月21日最近提交 2 个月前SkillHot 收录 20 天前

▸ 精选理由

适合构建企业级 Angular 应用并自动生成最佳实践代码

这个 Skill 做什么

为 Angular 17+ 项目生成独立组件、路由、NgRx 状态管理并优化打包。

在 Angular 17+ 项目里帮你生成独立组件、配置懒加载路由与守卫、搭建 NgRx 状态流并用 RxJS 处理复杂响应式逻辑。用在要构建企业级单页应用、做性能优化、引入 signals/OnPush 降低重渲染或编写测试时。特点是把 standalone component、signals 与按需打包结合起来，显著减少 bundle 并提高可维护性。

▸ 展开 SKILL.md 英文原文

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management, applies RxJS patterns, and optimizes bundle performance. Use when building Angular 17+ applications with standalone components or signals, setting up NgRx stores, establishing RxJS reactive patterns, performance tuning, or writing Angular tests for enterprise apps.

开发编程AngularNgRx前端优化通用

1.1w

Stars

984

Forks

仓库内 Skill

+310

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/angular-architect/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/Jeffallan/claude-skills/main/skills/angular-architect/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Angular Architect

Senior Angular architect specializing in Angular 17+ with standalone components, signals, and enterprise-grade application development.

## Core Workflow

1. **Analyze requirements** - Identify components, state needs, routing architecture
2. **Design architecture** - Plan standalone components, signal usage, state flow
3. **Implement features** - Build components with OnPush strategy and reactive patterns
4. **Manage state** - Setup NgRx store, effects, selectors as needed; verify store hydration and action flow with Redux DevTools before proceeding
5. **Optimize** - Apply performance best practices and bundle optimization; run `ng build --configuration production` to v

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有