设计系统接入
SkillMedia将项目品牌设计规范映射到已有前端样式与组件系统。支持明确输入与结果回读。Use to install a project design system.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the 设计系统接入 skill
What this skill tells your AI
The instructions your AI receives, as published by lovstudio/skills in skills/install-design/SKILL.md and read by ahel’s review.
将项目品牌设计规范映射到已有前端样式与组件系统。
Triggers
Activate when
- “将项目品牌设计规范映射到已有前端样式与组件系统。”
- “Install a project design system.”
Do not activate when
- 只是查询本 Skill 的说明,或请求与上述结果无关的任务;不执行实际业务操作。
- 用户仅要预览或审查时,不进入修改、提交或发布分支。
Execution boundary
自然语言请求即可触发;无需旧 slash 路径、参数插值或指定助手。明确解析当前请求中的 项目、目标文件、选项与输出位置;用当前宿主实际提供的文件、搜索、CLI 和浏览器能力。 项目依赖版本与外部 API 在执行时核实,不能假设示例是现行配置。随包脚本从 Skill 根解析, 业务文件从目标项目根解析。先读当前状态,保护已有未提交内容与其他任务的暂存区。 分析、预览请求保持只读;修改、提交、推送、部署和发布各依当前请求的明确范围执行。 不绕过保护、自动发送消息、强制结束用户进程或抢前台。失败保留可诊断原始错误。
Workflow
-
从项目或 Profile 读取品牌设计规范、字体与资产,识别框架、Tailwind 版本和已有 token;不存在规范时用现有 UI 归纳安全默认值。
-
将颜色、文字、圆角和间距映射到 semantic token,保留主题和暗色模式;不把作者品牌或错误的陶土色值硬编码给所有项目。
-
按项目当前技术栈增加必要样式依赖和组件,复用 shadcn 等现有库;只安装需要的组件,不覆盖整个配置。
-
设计说明放项目规范或设计文档。全局配置仅在用户明确指定全局范围时修改,不能用 cwd 判断授权。
-
Logo 按平台资产事实源增量接入,桌面图标与网页图标分别验证;不删除既有图标目录或启动服务抢前台。
-
运行构建并检查代表性页面、断点、暗色、焦点和对比度,记录未验证的 UI 状态。
Composition
执行前读取 能力组合,按明确制品交接相邻能力。
Runtime context (shared)
运行前读取本包 skill.yaml 与 Profile 合同。优先级为当前请求、
项目上下文、本 Skill records、共享 preferences、brand/user Profile、安全默认值。
只读取声明字段;没有专用运行时的宿主可使用 scripts/profile_store.py 读取共享 Profile。
配置缺失只问影响结果的一个问题。用户明确要求长期保存的值通过该脚本原子写入,
报告实际路径;不保存推断、凭据或其他任务的资料。
Signals
- GitHub stars
- 66
- Forks
- 17
- Last commit
- Sep 2026
Advanced
- Catalog kind
- skill
- Gateway key
lov-install-design- Source
- github.com/lovstudio/skills