Skip to content
Skillv1.0.0

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/

by alfredoperez(0) 0 installs
Free
Sign in to install

Free account. Installing gives you the manifest plus copy-paste snippets.

See reviews

About

Imported from alfredoperez/angular-best-practices (skills/angular-best-practices-spartan/SKILL.md). Install upstream with npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-spartan. Copyright stays with the author (MIT).

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:

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml
targets:
  - https://api.opensmartroute.ai/api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-45351c/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

alfredoperez-angular-best-practices-angular-best-practic-45351c.ocm.jsonjson
{
  "ocm": "1",
  "id": "alfredoperez-angular-best-practices-angular-best-practic-45351c",
  "kind": "skill",
  "name": "angular-best-practices-spartan",
  "description": "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.",
  "publisher": "alfredoperez",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "general"
    ],
    "tags": [
      "skill-md",
      "angular",
      "spartan",
      "headless-ui",
      "tailwind",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "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."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/alfredoperez/angular-best-practices",
      "path": "skills/angular-best-practices-spartan/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/alfredoperez/angular-best-practices/blob/HEAD/skills/angular-best-practices-spartan/SKILL.md",
      "key": "alfredoperez/angular-best-practices/skills/angular-best-practices-spartan/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Angular Spartan UI Best Practices\n\nSpartan UI rules for headless components with Brain (behavior) and Helm (styling). Use with the core\n[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\nskill for comprehensive Angular coverage.\n\n## Links\n\n- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\n- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)\n- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)\n\n## When to Apply\n\n- Adding Sparta",
  "cost": {
    "context_tokens": 383
  }
}

Fetch it by URL: GET /api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-45351c/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.