A
angular-best-practices-spartan
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
- 01Spartan Brain accessibility guidance
- 02Helm styling with Tailwind CSS
- 03Headless component practices
- 04Dialog, tab, menu, and accordion guidance
Use cases
- 01Adding accessible Spartan Brain directives
- 02Styling components with Helm and Tailwind CSS
- 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-spartanAfter installing, type/angular-best-practices-spartanin Claude Code to confirm it loaded.
Bundled filesAGENTS.md
Details
From the project READMEAngular 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
| Rule | Impact | Description |
|---|---|---|
| Configure Tailwind with Spartan Helm | MEDIUM | Consistent utility-first styling via hlm directives |
| Use Spartan Brain for Accessible Behavior | MEDIUM | WCAG-compliant ARIA, keyboard nav, and focus management |
| Use Spartan UI Headless Components | MEDIUM | Full styling control with built-in accessibility |
Install
Install from skills.sh/alfredoperez/angular-best-practices:
- Core skill: angular-best-practices
- This add-on: angular-best-practices-spartan
Comments
Markdown supported