mcpField
S
ss-restyle

ss-restyle

github.com/bitjaru设计与 UI993780 次安装1 天前更新
代码仓库

关于 ss-restyle

ss-restyle 是用于为界面应用审美配置的 StyleSeed 技能，适合需要协调多项视觉属性的设计调整。它从预设中选择一个配置，并在输出语法允许的范围内更新相关样式值。

主要功能

  1. 01从预设中选择单一风格配置
  2. 02协调圆角、密度、字体与配色
  3. 03保留输出语法及核心约束
  4. 04更新配置并运行代码评分
  5. 05可渲染时执行视觉验证

适用场景

  1. 01为界面应用统一的审美方向
  2. 02在既有品牌与字体约束下调整样式
  3. 03根据代码评分和渲染结果检查改动

安装

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

$npx skills add https://github.com/bitjaru/styleseed --skill ss-restyle

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

详细介绍

在执行此工作流前，请先按照本次会话中仅需执行一次的 更新预检 操作。

应用美学配置

以注册表优先的产物边界

如果 .styleseed/project.json 和 .styleseed/artifacts/index.json 存在，请先解析请求的产物 ID，然后只读取 .styleseed/bundles/<artifact-id>.md 和 .styleseed/manifests/<artifact-id>.json。对于注册表项目，绝不要回退到全局旧版 bundle。只有在不存在注册表时，旧版项目才可以使用 .styleseed/effective-rules.md。

请阅读 PRODUCT-PRINCIPLES.md、RULESETS.md、PRESETS.md 和 STYLESEED.md。配置是相互协调的视觉轴；输出语法用于组织注意力、信息和操作。请将两者分开。

工作流

  1. 验证锁定配置是否只有一种输出语法。如果不是，请先运行 /ss-setup。
  2. 从 PRESETS.md 中恰好选择一种配置，或选择 none。绝不要叠加配置。
  3. 在输出语法允许的范围内，应用其协调后的圆角、密度、字体、调色板冷暖、层次、动效、构图强调和标志性手法。
  4. 在兼容的情况下保留刻意设定的品牌值和必需字体。如果不兼容，则以输出语法和核心不变量为准；并说明冲突。
  5. 更新 STYLESEED.md 中的 Aesthetic profile 和受影响的有限取值。不要重写输出语法或基于参考编译的规则集。
  6. 运行 /ss-score，达到 ≥80；若可渲染，则运行 /ss-verify。报告完整的有效规则集，而不只是配置名称。

规则

  • 配置是可选的外观协调方式，并非豁免设计方法的理由。
  • technical 配置不会把商业页面变成可观测性控制台。
  • editorial 配置不能成为在交易工作流中使用难以阅读的衬线正文字体的理由。
  • brutalist-lite 仍要求状态一致、对比清晰，并且边框语言统一。
  • 单轴调整请使用 /ss-dial；要采用从证据中提炼出的新语言，请使用 /ss-reference。

评论

支持 Markdown