Better Colors
作者 jakubkreheld574cc8a576d无许可证7.5K 个星标收录于 2026年10月8日更新于 2026年10月8日仓库2天前更新
Helps you build and check a color system for your project. It generates palettes, names semantic tokens, converts between formats and measures contrast.
添加到 SourceWeft 工作区
- 在控制台中打开该技能，并将它添加到工作区。
- 为需要使用它的对话启用该技能。
该技能仅含说明：不附带任何可执行的脚本。
添加到 SourceWeft系统会先要求你登录，然后直接带你回到这个技能。
让你的智能体来安装
把这段提示词粘贴到 Claude Code、Codex、Cursor 或其他能运行命令的智能体中，也可以粘贴到 SourceWeft 对话里。智能体会阅读这个技能的安装说明，向你展示它的来源、许可证和脚本情况，在你同意后用 SourceWeft CLI 安装。
阅读 https://sourceweft.com/skills/gh-jakubkrehel-skills-better-colors/install.md 中的说明，按说明安装这个技能。安装前先告诉我它的来源、许可证以及是否附带脚本，等我确认。修改我电脑上的其他任何内容之前也要先问我。用命令行自行安装
适用于 Claude Code、Codex、Cursor 及其他本地智能体。SourceWeft CLI 会从源代码仓库中获取此处扫描过的那次提交，并根据扫描时记录的哈希值逐一校验每个文件。只要有任何不一致，就不会写入任何内容。
npx @sourceweft/cli skills install gh-jakubkrehel-skills-better-colors添加 --agent claude-code、codex、cursor 或 universal 来选择安装给哪个智能体（默认为 Claude Code）。
上游安装器——未经 SourceWeft 校验
开源的 skills 安装器会获取同一个固定的提交，但不会根据 SourceWeft 记录的哈希值校验文件。
npx skills add https://github.com/jakubkrehel/skills/tree/d574cc8a576dc24256ad38268b8d03d86724a1b3/skills/better-colors更多来自 jakubkrehel/skills 的技能
Interface Review
jakubkrehel
审查分支、拉取请求或未提交改动所引入或导致回归的界面问题。
Variant
jakubkrehel
构建三个有意的界面变体并置于选择器中，供用户比较并选定一个。
Explain Interface
jakubkrehel
解释网站、视觉效果或动画是如何构建的，可依据线上网址或截图。
Break
jakubkrehel
在临时页面上把单个 UI 组件置于所有可达的极端场景中渲染，并报告肉眼可见的破损。
Better Ui
jakubkrehel
审查并修正界面细节：圆角、视觉对齐、阴影、图标与动效数值。
Better Writing
jakubkrehel
撰写并审查界面文案——标签、错误提示、空状态、确认框——使其符合产品语气。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套预设配色与字体主题，并可即时生成新主题，用于为幻灯片、文档、报告和 HTML 页面统一风格。
Slack Gif Creator
anthropics
为 Slack 创建尺寸与体积经过优化的动画 GIF，提供 PIL 绘图辅助、缓动函数与校验工具。
Frontend Design
anthropics
在构建或改造用户界面时，提供打造独特、有意图的视觉设计的指导。
Canvas Design
anthropics
依据写好的设计理念创作原创视觉艺术，输出 PNG 或 PDF，适用于海报、艺术作品等静态成品。
Brand Guidelines
anthropics
将 Anthropic 官方品牌配色与字体应用到需要体现 Anthropic 外观风格的各类产物上。
Frontend Design
anthropics
指导智能体为新界面或改版界面进行独特、有意图的视觉设计。