Aitishiku.com📌 Skill基础信息
Skill名称：stack-angular
简称：Angular前端技术栈
来源：社区第三方（matteobortolazzo）
运行宿主：Claude Code CLI
核心定位：为Angular前端开发提供规范的测试基础设施和最佳实践，适用于组件开发、服务集成、表单处理和路由管理等典型Angular应用场景。
🧩 内部核心组成
核心能力组件
- 测试框架集成：Jasmine单元测试框架 + Component Harnesses组件测试工具
- HTTP测试控制器：HttpTestingController用于服务层集成测试
- 端到端测试：Playwright Test用于关键用户流程验证
- 视觉回归测试：Playwright视觉比对检测UI变更
测试模式分类
- 展示型组件：通过父组件集成测试覆盖，减少冗余测试
- 智能/容器组件：组件测试工具+HTTP模拟的完整集成测试
- 表单密集型组件：响应式表单提交验证和错误处理测试
- 数据展示组件：数据转换和格式化显示验证
- 视觉/布局组件：视觉回归测试确保UI一致性
🛠 安装与启用方式
安装命令：
skills install --user matteobortolazzo/cenci前置依赖：
- Angular CLI开发环境
- Jasmine测试框架
- Playwright端到端测试框架
- Component Harnesses测试工具库
构建与测试命令：
ng build # Angular应用构建
ng test --watch=false # 执行测试套件📋 标准工作流
- 开发阶段：开发者编写Angular组件、服务或模块
- 测试编写：根据组件类型选择对应测试模式：
- 展示型组件 → 父组件集成测试
- 智能组件 → Component Harnesses + HttpTestingController
- 表单组件 → 表单验证和提交流程测试
- 测试执行：运行
ng test执行单元和集成测试 - E2E验证：使用Playwright测试关键用户流程
- 视觉回归：通过Playwright视觉比对检测UI变更
- CI集成：所有测试在持续集成环境中自动运行
⚠️ 关键限制、缺陷、注意事项
平台限制：
- 仅适用于Angular前端项目
- 依赖Angular CLI工具链
- 需要完整的Node.js开发环境
资源消耗：
- 集成测试需要较多内存资源
- Playwright测试需要浏览器实例，消耗较大
- 视觉回归测试需要基线图片存储空间
适用性限制：
- 不适合非Angular技术栈项目
- 小型项目可能测试基础设施过于重型
- 需要团队具备Angular测试框架使用经验
生产环境适用性：可用于生产项目，但需要根据项目规模调整测试策略
✅ 适用场景 & ❌ 不适合场景
✅ 适用场景
- 中大型Angular企业级应用开发
- 需要高质量测试覆盖的前端项目
- 团队协作开发需要统一测试规范
- UI组件库开发和维护
- 表单密集型业务应用
- 需要视觉一致性保障的设计系统
❌ 不适合场景
- 小型或个人项目（测试基础设施过重）
- 非Angular技术栈项目（React、Vue等）
- 快速原型验证阶段（需要快速迭代）
- 无测试文化的团队或项目
- 资源受限的开发环境
如何安装
skills install --user matteobortolazzo/cenci通用安装教程：在哪里输入上面的命令
上面的命令本质是在「终端 / 命令行」中调用技能管理器，把该 Skill 下载并注册到你的 AI 工具。各主流工具打开终端的位置不同，按下面操作即可：
- 打开工具自带的终端面板，或系统终端（macOS「终端」、Windows「PowerShell」、Linux「Terminal」）。
- 把上面的安装命令复制进去，回车运行，等待下载与注册完成。
- 重启或重新加载 AI 工具，让新安装的 Skill 被识别。
- 新建对话并触发：直接描述用途，或通过该工具的技能 / 斜杠菜单选中此 Skill。
Claude 桌面版（macOS / Windows）
桌面版没有内置命令行，Skill 需通过 Claude Code CLI 安装。打开系统终端，先执行 npm install -g @anthropic-ai/claude-code，再运行上面的安装命令；完成后完全退出并重新打开 Claude。
Claude Code（终端 CLI）
直接在项目目录的终端里运行上面的命令即可。也可先输入 claude 启动交互界面，再在对话中引用该 Skill（/ 斜杠菜单或直接描述用途）。
VS Code（含 GitHub Copilot）
打开终端面板：菜单「终端 → 新建终端」，或快捷键 Ctrl+`（macOS 为 ⌃+`）。在终端里运行上面的命令；装完后执行「重新加载窗口」（Ctrl+Shift+P → Reload Window），让 Copilot 等扩展识别新技能。
Cursor
底部「终端」面板（Ctrl+`）即是内置终端。粘贴运行上面的命令，完成后在命令面板执行「Reload Window」刷新，再开始对话。
Windsurf
底部「终端」面板运行命令；也可直接使用其内置 Agent 终端，在对话侧执行安装。
其他工具（ChatGPT、本地脚本等）
不支持本地终端的产品，可先在本机终端完成安装，再在对话中描述该 Skill 的能力让其调用；不同工具的命令格式请以其官方文档为准。
风险提示
自动扫描未发现高危命令、隐私抓取或数据外传行为。仍建议安装前快速浏览仓库代码。