alfredoperez/angular-best-practices · Archived

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.

First seen Feb 10, 2026

Installation

$ npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-spartan

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 Not 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.

Version1.2.0
LicenseMIT
More metadata
author
alfredoperez
version
1.2.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,117 B
  • docs AGENTS.md 2,167 B
  • docs SUMMARY.md 373 B

History

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

SKILL.md

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: