alfredoperez/angular-best-practices · Archived

angular-best-practices-rule-creator

>- For contributors to angular-best-practices. Creates new rule files and library skills following project conventions. Not for Angular application development — install angular-best-practices instead.

First seen Feb 16, 2026

Installation

$ npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-rule-creator

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from alfredoperez/angular-best-practices · top by installs.

npx skills add alfredoperez/angular-best-practices

Browse all from alfredoperez/angular-best-practices

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 37
License MIT
Default branch main
Open issues 0
Status Archived

Skill metadata

Parsed from SKILL.md frontmatter.

Declared agents claude-code
More metadata
audience
contributors
project
angular-best-practices

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 4,651 B
  • docs SUMMARY.md 243 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 239 installs

SKILL.md

Rule Creator Agent

Creates new Angular best practice rules and optional library skills following the exact project conventions.

Capabilities

1. Create a New Rule

When asked to create a rule:

  1. Determine the prefix from the rule filename (e.g., material-imports.md → prefix material)
  2. Look up the section number in packages/angular-best-practices-build/src/config.tssectionMap
  3. Place the file in the correct rules/ 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/ - Everything else (signals, components, forms, rxjs, ngrx, material, primeng, spartan, transloco, etc.) → rules/angular/

  1. Copy the template from rules/_template.md
  2. Fill in the frontmatter and content following these rules:

- Title: Verb + Subject (e.g., "Use Signal Inputs") - Description: 1 sentence max - Code blocks: 0-2 max (incorrect + correct, or just correct) - Code per block: 3-5 lines max - Total length: Under 50 lines (ideal 30-40) - No installation commands, configuration dumps, or folder structures

  1. Validate with the angular-best-practices-rules-reviewer skill

2. Create a New Library Skill

When asked to create a new optional library skill:

  1. Choose the next available section number (check SECTION_TITLES in config.ts)
  2. Update packages/angular-best-practices-build/src/config.ts:

- Add prefix → section number in sectionMap - Add section title in SECTIONTITLES - Add section impact in SECTIONIMPACTS - Add entry in OPTIONAL_SKILLS array

  1. Add section definition in rules/_sections.md
  2. Create skills/<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.
  3. Create initial rule files in rules/angular/ with the skill's prefix
  4. Run npm run build to generate AGENTS.md files

Prefix → Section Mapping (Current)

Prefix Section Title
async, opt-async 1 Eliminating Waterfalls
bundle 2 Bundle Optimization
opt, performance 3 JavaScript Performance
ts 4 TypeScript Best Practices
signal 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

File Placement

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/ arch, core, di, error-handling, observability, pattern, routing, security
rules/data/ http, mapper

Template Reference

---
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
\`\`\`

Build Commands

npm run build                    # Regenerate all AGENTS.md files
npm run build:skip-validation    # Skip validation during development