AI 代理上个技能让 Lily 更加简单

Lily 附带有针对性个技能——通用个、按框架个、按子项目的——这样代理只加载伊恰好需要个上下文,勿多也勿少。

侬需要哪种技能?

每一层回答不同个问题。当侬还勿了解 Lily 时,加载通用技能。当侬了解自己个框架但勿知道需要哪个子项目时,加载框架技能。当侬已经确切知道自己在做啥时,直接加载 headless 技能或辅助组件技能。

  • 通用 / 维护 — “Lily 是啥?” / “搿个单体仓库是如何组织个?” — lily-design-system-skill、lily-design-system-maintainer-skill
  • 框架总览 — “{framework} 有哪些可用个内容,我需要哪一块?” — 8 个,每个框架一个 {framework}-skill
  • Headless / 辅助组件 — “我具体该如何使用 {framework} 个组件 / *-picker 辅助组件?” — 16 个,每个框架各一个 {framework}-headless-skill 搭 {framework}-helpers-skill

八种框架

每个框架侪获得同样个三层结构。总览技能会梳理该框架所有真实个子项目——包括伊个两个同级技能侪未涵盖个示例应用——并指向伊拉,而不是重复伊拉个契约。

框架 总览 Headless 辅助组件
Angular 技能 技能 技能
Blazor 技能 技能 技能
HTML 技能 技能 技能
Nunjucks 技能 技能 技能
React 技能 技能 技能
Svelte 技能 技能 技能
Vue 技能 技能 技能
Web Components 技能 技能 (536/571) 技能

Web Components 是双向个唯一例外:其 headless 目录刻意限定为 571 个中个 536 个(原生自定义元素,无框架运行时;另外 35 个组件被永久排除),并且目前还呒没 Web Components 示例应用——伊个总览技能如实说明了这一眼,而不是暗示存在一个。

添加一项技能

每项技能侪是一个 SKILL.md 文件,外加辅助文件,无需构建步骤。把侬需要个那一个克隆到侬个 Claude Code 加载技能个位置(项目或账户个技能目录请参阅上方链接个官方文档):

git clone https://github.com/LilyDesignSystem/lily-design-system
cd lily-design-system/lily-design-system-svelte-skill

要跨多个框架工作,或在单体仓库本身上工作?那就改为克隆规范单体仓库——全部 26 项技能已在其根目录,与伊拉所描述个 headless 库、辅助组件目录搭示例应用放在一起。