@alfredoperez/angular-best-practices-spartan

>-

View in AI SkillSafe app
Scanned · no findings
0 downloads
0 stars
0 demos
SKILL.md
nameangular-best-practices-spartan
description>-
licenseMIT
tags[angular, spartan, headless-ui, tailwind]
globs**/*.ts, **/*.component.ts, **/*.html

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:

Embed badges

Add these to your README to show the skill's verification status.

SkillSafe verified badge
Verified badge
[![SkillSafe verified badge](https://api.skillsafe.ai/v1/badge/@alfredoperez/angular-best-practices-spartan/verified)](https://skillsafe.ai/skill/@alfredoperez/angular-best-practices-spartan/)
Installs badge
Installs badge
[![Installs badge](https://api.skillsafe.ai/v1/badge/@alfredoperez/angular-best-practices-spartan/installs)](https://skillsafe.ai/skill/@alfredoperez/angular-best-practices-spartan/)
Scan badge
Scan badge
[![Scan badge](https://api.skillsafe.ai/v1/badge/@alfredoperez/angular-best-practices-spartan/scan)](https://skillsafe.ai/skill/@alfredoperez/angular-best-practices-spartan/)
Eval pass rate badge
Eval pass rate
[![Eval pass rate badge](https://api.skillsafe.ai/v1/badge/@alfredoperez/angular-best-practices-spartan/eval)](https://skillsafe.ai/skill/@alfredoperez/angular-best-practices-spartan/)