重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
angular-best-practices-rule-creator by alfredoperez/angular-best-practices
npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-rule-creator创建新的 Angular 最佳实践规则和可选的库技能,严格遵循项目约定。
当被要求创建规则时:
material-imports.md → 前缀 material)packages/angular-best-practices-build/src/config.ts → sectionMap 中查找章节编号rules/ 子目录中:
test-* → rules/testing/a11y-*, , , , → 广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
ui-*loading-*dialogs-*theming-*rules/ui/http-*, mapper-* → rules/data/ts-* → rules/typescript/opt-*, bundle-*, async-* → rules/optimization/arch-* → rules/core/rules/angular/rules/_template.md 复制模板angular-best-practices-rules-reviewer 技能进行验证当被要求创建新的可选库技能时:
SECTION_TITLES)packages/angular-best-practices-build/src/config.ts:
sectionMap 中添加 前缀 → 章节编号SECTION_TITLES 中添加章节标题SECTION_IMPACTS 中添加章节影响OPTIONAL_SKILLS 数组中添加条目rules/_sections.md 中添加章节定义skills/<skill-name>/SKILL.md 并包含 frontmatter(name, description, metadata, tags, globs)。阅读 .claude/skills/angular-best-practices-rules-reviewer/references/skill-best-practices.md 了解 SKILL.md 的质量标准。rules/angular/ 中使用该技能的前缀创建初始规则文件npm run build 以生成 AGENTS.md 文件| 前缀 | 章节 | 标题 |
|---|---|---|
async, opt-async | 1 | 消除瀑布流 |
bundle | 2 | 打包优化 |
opt, performance | 3 | JavaScript 性能 |
ts | 4 | TypeScript 最佳实践 |
signal | 5 | 信号与响应式 |
component | 6 | 组件模式 |
rxjs | 7 | RxJS 模式 |
cd | 8 | 变更检测 |
template | 9 | 模板优化 |
ssr | 10 | SSR 与 Hydration |
form | 11 | 表单 |
ngrx | 12 | NgRx 状态管理 |
signalstore | 13 | SignalStore |
tanstack | 14 | TanStack Query |
arch | 15 | 架构 |
test | 16 | 测试 |
core, di, error-handling, observability, pattern, routing, security | 17 | 基础设施 |
ui, a11y, loading, dialogs, theming | 18 | UI 与无障碍 |
http, mapper | 19 | 数据处理 |
material | 20 | Angular Material |
primeng | 21 | PrimeNG |
spartan | 22 | Spartan UI |
transloco | 23 | 国际化 |
| 子目录 | 前缀 |
|---|---|
rules/angular/ | signal, component, rxjs, cd, template, ssr, form, ngrx, signalstore, tanstack, material, primeng, spartan, transloco |
rules/testing/ | test |
rules/ui/ | ui, a11y, loading, dialogs, theming |
rules/typescript/ | ts |
rules/optimization/ | opt, bundle, async, performance |
rules/core/ | arch, core, di, error-handling, observability, pattern, routing, security |
rules/data/ | http, mapper |
---
title: Verb + Subject
impact: MEDIUM
impactDescription: Brief metric (e.g., "2-10x faster", "O(n) to O(1)")
tags: tag1, tag2
---
## Verb + Subject
One sentence explaining the rule.
**Incorrect:**
\`\`\`typescript
// 3-5 lines max
\`\`\`
**Correct:**
\`\`\`typescript
// 3-5 lines max
\`\`\`
npm run build # 重新生成所有 AGENTS.md 文件
npm run build:skip-validation # 开发期间跳过验证
每周安装次数
44
代码仓库
GitHub 星标数
19
首次出现
2026年2月16日
安全审计
安装于
codex42
opencode41
github-copilot41
gemini-cli40
amp39
kimi-cli39
Creates new Angular best practice rules and optional library skills following the exact project conventions.
When asked to create a rule:
material-imports.md → prefix material)packages/angular-best-practices-build/src/config.ts → sectionMaprules/ subdirectory based on the prefix:
test-* → rules/testing/a11y-*, ui-*, loading-*, dialogs-*, theming-* → rules/ui/http-*, mapper-* → rules/data/ts-* → rules/typescript/opt-*, bundle-*, async-* → rules/optimization/arch-* → rules/core/rules/angular/rules/_template.mdangular-best-practices-rules-reviewer skillWhen asked to create a new optional library skill:
SECTION_TITLES in config.ts)packages/angular-best-practices-build/src/config.ts:
sectionMapSECTION_TITLESSECTION_IMPACTSOPTIONAL_SKILLS arrayrules/_sections.mdskills/<skill-name>/SKILL.md with frontmatter (name, description, metadata, tags, globs). Read .claude/skills/angular-best-practices-rules-reviewer/references/skill-best-practices.md for SKILL.md quality standards.| Prefix | Section | Title |
|---|---|---|
async, opt-async | 1 | Eliminating Waterfalls |
bundle | 2 | Bundle Optimization |
opt, performance | 3 | JavaScript Performance |
ts | 4 | TypeScript Best Practices |
| Subdirectory | Prefixes |
|---|---|
rules/angular/ | signal, component, rxjs, cd, template, ssr, form, ngrx, signalstore, tanstack, material, primeng, spartan, transloco |
rules/testing/ | test |
rules/ui/ | ui, a11y, loading, dialogs, theming |
rules/typescript/ | ts |
rules/optimization/ | opt, bundle, async, performance |
rules/core/ |
---
title: Verb + Subject
impact: MEDIUM
impactDescription: Brief metric (e.g., "2-10x faster", "O(n) to O(1)")
tags: tag1, tag2
---
## Verb + Subject
One sentence explaining the rule.
**Incorrect:**
\`\`\`typescript
// 3-5 lines max
\`\`\`
**Correct:**
\`\`\`typescript
// 3-5 lines max
\`\`\`
npm run build # Regenerate all AGENTS.md files
npm run build:skip-validation # Skip validation during development
Weekly Installs
44
Repository
GitHub Stars
19
First Seen
Feb 16, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex42
opencode41
github-copilot41
gemini-cli40
amp39
kimi-cli39
Skills CLI 使用指南:AI Agent 技能包管理器安装与管理教程
48,700 周安装
rules/angular/ with the skill's prefixnpm run build to generate AGENTS.md filessignal |
| 5 |
| Signals & Reactivity |
component | 6 | Component Patterns |
rxjs | 7 | RxJS Patterns |
cd | 8 | Change Detection |
template | 9 | Template Optimization |
ssr | 10 | SSR & Hydration |
form | 11 | Forms |
ngrx | 12 | NgRx State Management |
signalstore | 13 | SignalStore |
tanstack | 14 | TanStack Query |
arch | 15 | Architecture |
test | 16 | Testing |
core, di, error-handling, observability, pattern, routing, security | 17 | Infrastructure |
ui, a11y, loading, dialogs, theming | 18 | UI & Accessibility |
http, mapper | 19 | Data Handling |
material | 20 | Angular Material |
primeng | 21 | PrimeNG |
spartan | 22 | Spartan UI |
transloco | 23 | Internationalization |
| arch, core, di, error-handling, observability, pattern, routing, security |
rules/data/ | http, mapper |