angular-best-practices-spartan
Spartan UI (shadcn for Angular) best practices. Covers Brain/Helm architecture, Tailwind integration, and accessible headless components. Activates when working with @spartan-ng/brain and @spartan-ng/ui. Do not use for Angular Material, PrimeNG, or other component libraries. Install alongside angular-best-practices for full coverage.
How do I install this agent skill?
npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-spartanIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides best practices for Angular development using the Spartan UI library. It contains only documentation and code examples for UI components. No security risks were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerpass
2 files scanned · No issues
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
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
| 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
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/alfredoperez/angular-best-practices/angular-best-practices-spartan">View angular-best-practices-spartan on skillZs</a>