SuperAPI AI 工具集

angular-best-practices-spartan

前端与建站

查看项目

更新于 10-15 14:19

技能介绍

用途

本技能提供 Angular 项目中使用 Spartan UI(被称为 Angular 版的 shadcn)的最佳实践规则。Spartan UI 采用无头(headless)组件思路,将行为与样式分离:Brain 负责行为,Helm 负责样式。该技能为 angular-best-practices 核心技能的补充,官方建议与核心技能配合使用,以获得更全面的 Angular 覆盖。

主要能力

技能围绕三条规则展开,每条规则的影响等级均为 MEDIUM:

  1. 使用 Spartan Helm 配置 Tailwind:通过 hlm 指令实现一致的工具类优先(utility-first)样式。
  2. 使用 Spartan Brain 实现可访问行为:提供符合 WCAG 的 ARIA、键盘导航与焦点管理。
  3. 使用 Spartan UI 无头组件:在获得内置可访问性的同时,保留完整的样式控制权。

使用方式

技能从 skills.sh/alfredoperez/angular-best-practices 安装。核心技能为 angular-best-practices,本技能为附加项 angular-best-practices-spartan。

适用场景

  • 为 Spartan Brain 指令添加可访问行为时。
  • 使用 Helm 与 Tailwind CSS 为组件设置样式时。
  • 使用 Spartan 原语构建对话框、标签页、菜单或手风琴等组件时。

限制

资料未提供具体的安装命令、代码示例、版本要求、收费或价格信息,相关内容暂未提供。