mcpField
A
angular-best-practices-spartan

angular-best-practices-spartan

github.com/alfredoperezDevelopment36268 installsUpdated 31w ago
Repository

About angular-best-practices-spartan

angular-best-practices-spartan is an add-on skill for Angular developers using Spartan UI. It covers accessible Brain behavior and Helm styling, alongside the core angular-best-practices skill.

Key features

  1. 01Spartan Brain accessibility guidance
  2. 02Helm styling with Tailwind CSS
  3. 03Headless component practices
  4. 04Dialog, tab, menu, and accordion guidance

Use cases

  1. 01Adding accessible Spartan Brain directives
  2. 02Styling components with Helm and Tailwind CSS
  3. 03Building dialogs, tabs, menus, or accordions

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-spartan

After installing, type/angular-best-practices-spartanin Claude Code to confirm it loaded.

Bundled filesAGENTS.md

Details

From the project README

Angular Spartan UI Best Practices

Spartan UI rules for headless components with Brain (behavior) and Helm (styling). Use with the core angular-best-practices skill for comprehensive Angular coverage.

Links

When to Apply

  • Adding Spartan Brain directives for accessible behavior
  • Styling components with Helm and Tailwind CSS
  • Building dialogs, tabs, menus, or accordions with Spartan primitives

Rules

RuleImpactDescription
Configure Tailwind with Spartan HelmMEDIUMConsistent utility-first styling via hlm directives
Use Spartan Brain for Accessible BehaviorMEDIUMWCAG-compliant ARIA, keyboard nav, and focus management
Use Spartan UI Headless ComponentsMEDIUMFull styling control with built-in accessibility

Install

Install from skills.sh/alfredoperez/angular-best-practices:

Comments

Markdown supported