用途
本技能提供 Angular 项目中使用 Spartan UI(被称为 Angular 版的 shadcn)的最佳实践规则。Spartan UI 采用无头(headless)组件思路,将行为与样式分离:Brain 负责行为,Helm 负责样式。该技能为 angular-best-practices 核心技能的补充,官方建议与核心技能配合使用,以获得更全面的 Angular 覆盖。
主要能力
技能围绕三条规则展开,每条规则的影响等级均为 MEDIUM:
- 使用 Spartan Helm 配置 Tailwind:通过 hlm 指令实现一致的工具类优先(utility-first)样式。
- 使用 Spartan Brain 实现可访问行为:提供符合 WCAG 的 ARIA、键盘导航与焦点管理。
- 使用 Spartan UI 无头组件:在获得内置可访问性的同时,保留完整的样式控制权。
使用方式
技能从 skills.sh/alfredoperez/angular-best-practices 安装。核心技能为 angular-best-practices,本技能为附加项 angular-best-practices-spartan。
适用场景
- 为 Spartan Brain 指令添加可访问行为时。
- 使用 Helm 与 Tailwind CSS 为组件设置样式时。
- 使用 Spartan 原语构建对话框、标签页、菜单或手风琴等组件时。
限制
资料未提供具体的安装命令、代码示例、版本要求、收费或价格信息,相关内容暂未提供。