mcpField
A
angular-best-practices-spartan

angular-best-practices-spartan

github.com/alfredoperez开发36268 次安装31 周前更新
代码仓库

关于 angular-best-practices-spartan

angular-best-practices-spartan 是面向 Angular 开发者的 Spartan UI 附加技能,涵盖 Brain 无障碍交互与 Helm 样式,并可与核心 angular-best-practices 技能配合使用。

主要功能

  1. 01Spartan Brain 无障碍交互规范
  2. 02使用 Tailwind CSS 设置 Helm 样式
  3. 03无头组件实践
  4. 04对话框、标签页、菜单和手风琴指南

适用场景

  1. 01添加无障碍的 Spartan Brain 指令
  2. 02使用 Helm 和 Tailwind CSS 设置组件样式
  3. 03构建对话框、标签页、菜单或手风琴

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-spartan

安装后在 Claude Code 中输入/angular-best-practices-spartan确认已加载。

附带文件AGENTS.md

详细介绍

Angular Spartan UI 最佳实践

Spartan UI 适用于使用 Brain(行为)和 Helm(样式)的无头组件。结合核心 angular-best-practices 技能,全面掌握 Angular 相关内容。

链接

适用场景

  • 添加 Spartan Brain 指令,实现无障碍行为
  • 使用 Helm 和 Tailwind CSS 设置组件样式
  • 使用 Spartan 基元构建对话框、标签页、菜单或手风琴

规则

规则影响描述
使用 Spartan Helm 配置 TailwindMEDIUM通过 hlm 指令实现一致的实用优先样式
使用 Spartan Brain 实现无障碍行为MEDIUM符合 WCAG 标准的 ARIA、键盘导航和焦点管理
使用 Spartan UI 无头组件MEDIUM在内置无障碍功能的同时,全面掌控样式

安装

从 skills.sh/alfredoperez/angular-best-practices 安装:

评论

支持 Markdown