mcpField
S
styleseed

styleseed

github.com/podo设计与 UI30166 次安装4 天前更新
代码仓库

关于 styleseed

styleseed 将记录的设计决策转化为项目专属规则和实现工作流，面向构建或更新界面的团队，并通过 STYLESEED.md 和编译后的规则包在不同页面与会话中沿用决策。

主要功能

  1. 01将设计决策记录到 STYLESEED.md
  2. 02将项目规则编译到 .styleseed/
  3. 03用于构建、审阅和审计 UI 的工作流
  4. 04渲染与评分质量关卡
  5. 05令牌、无障碍、动效和微文案工作流

适用场景

  1. 01在新页面中保留现有设计选择
  2. 02实现 UI 时应用项目规则
  3. 03审阅并评估渲染后的界面
  4. 04更新设计令牌或无障碍指南

安装

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

$npx skills add https://github.com/podo/design-agent-skills --skill styleseed

安装后在 Claude Code 中输入/styleseed确认已加载。

附带文件stub.yaml

详细介绍

styleseed

目录简介 — 完整技能：bitjaru/styleseed

决策树

  1. 是否已安装完整技能？

    • 全局：f=~/.agents/skills/styleseed/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • 项目：f=.agents/skills/styleseed/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → 技能已作为 styleseed 安装，调用它并继续
    • pointer → 转到第 2 步

  2. 检测作用范围，然后安装：

    [ -e ~/.agents/skills/styleseed ] && echo "global" || echo "project"

    全局：

    npx skills add bitjaru/styleseed --skill styleseed -g -y

    项目：

    npx skills add bitjaru/styleseed --skill styleseed -y

    Claude Code： 发送以 ! 开头的命令作为聊天消息，即可在不离开对话的情况下运行。

Claude Code 插件安装方式：

claude plugin marketplace add bitjaru/styleseed
claude plugin install styleseed@styleseed

注意事项

  • 要求： Node.js 和 npm（该技能捆绑的上下文编译器和质量关卡以 Node 脚本运行）；运行设置和构建工作流时，会在项目中写入 STYLESEED.md（设计锁定文件）和一个 .styleseed/ 目录
  • 许可证： MIT
  • 下载大小： 约 77 MB。

安装后调用

  • 技能名称：styleseed（唯一注册的技能）
  • Claude Code：/styleseed <request>，例如 /styleseed Help improve this screen. Preserve our existing design choices.；Codex：$styleseed <request>
  • 在请求中指定工作流名称：/styleseed setup、/styleseed resolve、/styleseed build、/styleseed review、/styleseed score、/styleseed verify、/styleseed tokens。原先独立的 /ss-* 命令（例如 /ss-build、/ss-tokens）现已成为此技能的内部工作流。

功能

StyleSeed 会将记录的设计决策转化为项目本地规则和实现工作流。唯一的 styleseed 技能会根据你的请求选择一个内部工作流（setup、studio、reference、build、audit、review、score、verify、restyle、tokens、motion、accessibility、microcopy、flows、states、update），并应用适用于任务的规则。Setup 会写入 STYLESEED.md 设计锁定文件（外观、主色、圆角、动效），让设计决策在新增屏幕和不同会话中得以保留；上下文编译器会将其转换为 .styleseed/ 下的一组精简规则，渲染与评分质量关卡则会在界面展示给你之前进行审核。外观方案是受其他设计启发的令牌集合，可为相同组件重新设定样式。评分可辅助设计验收，但不能取代人工验收。

不适用场景

  • 没有令牌或规则上下文的组件库——使用 shadcn-ui 或 baseline-ui
  • 仅需设计令牌架构——使用 design-tokens-skill
  • 单页设计审核——使用 design-review-garrytan 或 design-auditor

评论

支持 Markdown