Token导航 LogoToken导航

Agent Skill · 效率

style-design-generator(风格设计生成器)

用于辅助界面设计、视觉规范、排版、配色、布局和交互体验优化。它适合让 Agent 根据产品场景整理页面结构、生成 UI 方案、检查视觉一致性或改进组件层级。使用时需要结合现有品牌、设计系统和用户任务,不应只堆装饰元素;涉及真实页面改动时,应通过截图或浏览器预览检查文本溢出、对齐和响应式表现。

style-design-generator 是效率类 Agent Skill,可用宿主为 OpenClaw,通过ClawHub获取,权限为只读;许可证为 MIT-0,第三方扫描已通过,按安装量在效率类的 21,003 个 Skill 里排第 15,151。

总安装 3,189周安装 137GitHub Stars 公开资料未说明下载 1,118核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT-0
版本
1.0.0

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:style-design-generator(风格设计生成器)
来源仓库:https://github.com/wangjiaocheng/style-design-generator
安装命令:
openclaw skills install style-design-generator
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install style-design-generator

这个 Skill 是做什么的

效率类 Skill 把重复的整理、汇总、转换工作交给助手完成,减少手工复制粘贴。

该技能基于百种设计风格生成新视觉方案,支持要素混搭与跨媒介衍生应用。适用于界面设计、漫画排版或游戏美术风格探索,提供可替换的槽位化模板。用户要求创新风格、改造现有设计或迁移风格到新领域时触发,输出结构化解构建议。使用时需结合品牌规范与用户任务,避免仅堆砌装饰元素而忽略功能性。

涉及真实页面修改时应通过截图预览文本溢出与对齐效果,确保落地可用性。

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 OpenClaw;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 openclaw skills install style-design-generator;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它标注为只读,先用只读任务试一次,确认行为符合预期再扩大使用范围。

常见问题

6 条

style-design-generator 怎么安装?

在终端执行 openclaw skills install style-design-generator。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

style-design-generator 支持哪些 AI 工具?

公开资料标注支持 OpenClaw。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

style-design-generator 需要什么权限?

权限级别是只读。该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

style-design-generator 是免费的吗?

来源标注的许可证是 MIT-0。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

style-design-generator 用的人多吗?

公开数据是累计安装 3,189 次,近一周安装 137 次,下载 1,118 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

style-design-generator 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 OpenClaw 一种宿主,触发方式和使用习惯不用来回切换。
  • 许可证明确为 MIT-0,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。
  • 标注为只读权限,试用阶段不容易误改本地文件。

先想清楚的地方

  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 OpenClaw,想直接扩展它能力的人。
  • 需要处理效率类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 需要厂商级技术支持和 SLA 的生产系统。

效率类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
github

GitHub 代码协作 · OpenClaw

7,632,918545需要联网MIT-0通过
nano-pdf

Nano PDF 文档 · OpenClaw

4,249,476231需要联网MIT-0通过
auto-updater

自动更新程序 · OpenClaw

2,964,063386操作浏览器MIT-0通过
video-frames

视频帧 · OpenClaw

2,621,304112需要联网MIT-0通过
gemini

Gemini 助手 · OpenClaw

2,547,39648需要联网MIT-0有提醒
style-design-generator

风格设计生成器 · 本页

3,189—只读MIT-0通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
style-design-generator
author
王教成 Wang Jiaocheng (波动几何)
description
基于100个风格方案的生成引擎。当用户需要生成新风格、混搭现有风格要素、将风格衍生产物到新类型、或将风格应用到漫画/小说/游戏等具体领域时使用此技能。核心能力:换主体(字体槽位可替换为任意物体)、要素混搭(跨方案拆解重组6个槽位)、模板衍生(复制模板改造为新产物类型如字体→信息图→漫画)、新风格延展(基于20组美学逻辑扩展更多方案)、领域应用(映射风格到各领域的创作要素)。基因库为《字体设计提示词方案》(6槽位模板×100实例,20组)和《信息图设计提示词方案》(变形模板×100实例,衍生示范)。

风格设计生成技能

技能用途

本技能是一套风格设计方案生成引擎。它基于两份参考文件中的100个风格方案及其内在模板系统,提供以下五类操作:

  1. 换主体 — 将方案中的"字体"槽位替换为任意其他主体(物体、人体、建筑、Logo等),生成该主体的同风格方案
  2. 要素混搭 — 从不同方案中提取各槽位值(主题、形态、色彩、背景、细节、参数),自由组合成全新方案
  3. 模板衍生 — 参照"字体→信息图"的变形模式,将风格模板改造为新的产物类型(漫画分镜、游戏UI、小说封面、产品包装等)
  4. 新风格延展 — 在20个分组内延续美学逻辑,或跨组融合,扩展出第101号及以后的更多方案
  5. 领域应用 — 将风格方案的具体槽位值映射到漫画、小说、游戏、影视、产品设计等领域的创作要素中

参考文件

两份参考文件存放在 references/ 目录下,原封不动保留。工作时按需读取:

文件内容角色
references/字体设计提示词方案.md6槽位模板 × 100个实例(20组×5)基因源
references/信息图设计提示词方案.md变形模板 × 100个实例衍生示范

文件内在结构

字体方案的结构(基因源)

每个方案遵循统一的6槽位模板:

模板:主题(主题定位) 字体(字体形态) 色彩(色彩策略) 背景(背景设计) 细节(细节增强) 参数(技术参数)

示例:

示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)

100个方案分布在 20个分组 中,每组5个:

#分组编号范围
1自然与有机01-05
2文化与艺术06-10
3情绪与氛围11-15
4科技与未来16-20
5美食与生活21-25
6节日与庆典26-30
7奇幻与虚构31-35
8城市与工业36-40
9复古与经典41-45
10抽象与概念46-50
11-20(继续...)51-100

信息图方案的结构(衍生示范)

信息图方案是字体方案的产物变换示范——同一编号的方案保持相同的风格DNA,但输出壳变了:

字体方案模板:  主题(XX) 字体(XX形态) 色彩(XX) 背景(XX) 细节(XX) 参数(X:X)
                    ↓ 变形
信息图方案模板:  信息图风格({风格描述},艺术化排版...) 标题(文本名称) 文本(文本内容) 参数(9:16)

对比示例:

字体方案:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)

信息图方案:藤蔓缠绕生态绿渐变风格,生态绿配色搭配牛皮纸背景呈现叶脉纹理效果

关键发现:信息图的每一行都是把字体方案的对应行的6个槽位值"翻译"成了信息图专用的描述语言——风格描述融合了字体形态+色彩+背景+细节,同时加入了信息图专属的排版术语。

五类操作的执行方法

操作一:换主体

原理:字体方案的"字体(XX体)"槽位本质上描述的是主体形态,不限于文字。可以将其替换为任何具象或抽象的主体。

步骤:

  1. 从 字体设计提示词方案.md 中选取目标方案
  2. 将"字体(XX体)"槽位中的形态描述替换为目标主体的对应形态描述
  3. 其余5个槽位(主题、色彩、背景、细节、参数)保持不变
  4. 输出新方案

示例(藤蔓生态方案,字体→人体姿态):

原方案:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)
新方案:示例:主题(自然生态) 主体(藤蔓缠绕的人体姿态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)

可替换的主体类型包括但不限于:物体(日常用品、交通工具、食物、自然物)、人体(人物姿态、服装造型、面部表情)、建筑(建筑外观、室内空间、城市景观)、Logo/品牌标识、抽象图形、动植物等。

操作二:要素混搭

原理:6个槽位是独立的维度,可以从不同方案中分别取值,组合成新方案。

步骤:

  1. 确定要混搭的源方案编号(至少2个不同方案)
  2. 为每个槽位选择来源方案和对应的槽位值
  3. 组合成新方案,确保各槽位值的风格协调性
  4. 如用户指定了特定槽位约束,优先满足约束

示例(混搭自然生态 + 赛博朋克):

取自自然生态方案:主题(自然生态)
取自自然生态方案:字体(藤蔓缠绕形态)
取自赛博朋克方案:色彩(霓虹粉青撞色)
取自赛博朋克方案:背景(潮湿反光街道)
取自自然生态方案:细节(叶脉纹理)
取自赛博朋克方案:参数(2.35:1)

结果:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(霓虹粉青撞色) 背景(潮湿反光街道) 细节(叶脉纹理) 参数(2.35:1)

操作三:模板衍生

原理:参照信息图方案对字体方案的变形方式,可以将6槽位模板改造为任意新的产物类型。变形的核心是:

  • 保留100个风格的美学DNA(各槽位的风格值不变)
  • 改变输出壳(模板格式、槽位名称、产物专属术语)
  • 加入目标产物的领域专用语

已验证的变形路径:字体 → 信息图(见参考文件中的对应关系)

通用衍生步骤:

  1. 定义新产物的模板格式(需要哪些槽位,槽位叫什么名字)
  2. 确定每个新槽位如何映射回原始6槽位(一对一、合并、或新增)
  3. 加入新产物类型的领域专用术语和格式要求
  4. 用100个风格的值逐条填充,生成完整的100个新方案

示例(基于自然生态方案衍生为漫画分镜风格方案):

原方案:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)

定义漫画模板:分镜格数(X格) 画风(XX风格) 配色(XX方案) 场景背景(XX) 特效/速度线(XX) 构图比例(X:X)
映射关系:
  分镜格数 ← 新增(漫画独有)
  画风 ← 字体槽位(藤蔓缠绕形态 → 藤蔓缠绕风角色线条)
  配色 ← 色彩槽位(生态绿渐变 → 生态绿色板)
  场景背景 ← 背景槽位(牛皮纸背景 → 牛皮纸质感的森林场景)
  特效/速度线 ← 细节槽位(叶脉纹理 → 叶脉状速度线)
  构图比例 ← 参数槽位(3:4比例直接沿用)
结果:分镜格数(4格) 画风(藤蔓缠绕风角色线条) 配色(生态绿色板) 场景背景(牛皮纸质感的森林场景) 特效/速度线(叶脉状速度线) 构图比例(3:4比例)

操作四:新风格延展

原理:20个分组各自有独特的美学逻辑。在每个组内可以延续这种逻辑创造更多方案;也可以跨组融合产生杂交风格。

组内延展方法:

  1. 选取目标分组,阅读该组内已有5个方案
  2. 提取该组的共同美学特征(如"自然与有机"组都强调材质纹理+自然元素)
  3. 保持分组的美学基调,引入新的自然/文化/情绪/科技意象
  4. 按标准6槽位模板编写新方案
  5. 编号为该组范围内的下一个可用编号(如101-105延续自然与有机组)

跨组融合方法:

  1. 选取2-3个不同组的代表性方案
  2. 提取各组最标志性的槽位值特征
  3. 融合为一个杂交风格的新方案
  4. 创建新分组或归入最接近的现有分组

输出要求:严格遵循6槽位模板格式,与原文件中100个方案的写法完全一致。

示例(在自然与有机组内延展一个新方案):

已有:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)
延展:示例:主题(海洋生态) 字体(珊瑚礁生长形态) 色彩(海蓝深浅渐变) 背景(沙质海底) 细节(贝壳珍珠点缀) 参数(16:9比例)

操作五:领域应用

原理:将一个风格方案的各槽位值"翻译"为目标领域的具体创作要素。

通用映射方法:

读取目标方案的完整6槽位值,然后针对目标领域逐一回答:

原始槽位漫画领域映射小说领域映射游戏领域映射影视领域映射
主题故事世界观基调小说的题材/流派游戏的世界观设定影片的类型/基调
字体(形态)主角/角色的视觉设计主角形象/叙事声音玩家角色/主角的设计主演角色/视觉符号
色彩整体配色方案 + 情绪色板叙事氛围/情感基调UI配色 + 场景色调调色方案/视觉基调
背景主要场景/舞台故事发生的时空背景关卡/地图环境主要拍摄场景/美术设计
细节画面装饰/标志性元素文学修辞/细节描写道具/特效粒子/UI装饰道具/服装/视觉细节
参数分镜构图比例叙事节奏/章节长度屏幕比例/视角画幅/镜头语言偏好

执行步骤:

  1. 从参考文件中选定基础风格方案(通过编号或关键词匹配)
  2. 确定应用的目标领域
  3. 按6个槽位逐一映射,生成该领域的具体创作指导
  4. 如果领域不在上表中,根据领域特点自行建立合理的映射关系

示例(将自然生态方案应用到漫画领域):

基础方案:示例:主题(自然生态) 字体(藤蔓缠绕形态) 色彩(生态绿渐变) 背景(牛皮纸背景) 细节(叶脉纹理) 参数(3:4比例)

漫画领域映射:
  主题 → 故事世界观基调:以自然界生态循环为核心的世界观,万物互联的生命哲学
  字体(形态) → 主角视觉设计:身体线条如藤蔓般蜿蜒流动,服装纹理融入植物纹样
  色彩 → 配色方案 + 情绪色板:主色调生态绿渐变,从嫩绿到深绿表现成长与成熟
  背景 → 主要场景:牛皮纸质感的手绘森林/湿地场景,温暖质朴的基调
  细节 → 标志性元素:画面中反复出现叶脉纹理作为转场和装饰符号
  参数 → 分镜构图:3:4竖向分镜,适合展现纵向生长和层叠的自然场景

使用指南

用户触发此技能时的典型说法

  • "用第X号风格生成一套XX方案"
  • "把A风格和B风格混搭"
  • "基于字体方案衍生物漫画/游戏/小说风格"
  • "将第X号风格应用到XX领域"
  • "在XX分组里多生成几个新风格"

执行流程

  1. 判断用户需求属于哪一类操作(换主体/混搭/衍生/延展/领域应用)
  2. 按需读取参考文件中的相关方案
  3. 应用对应的操作方法生成结果
  4. 输出时保持与原文件一致的格式规范

平台分布

OpenClaw

87.69%
按下载量换算980

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

只读

该 Skill 主要提供规则、说明或参考内容,本身偏只读;真正读写文件、联网或执行命令仍取决于宿主 Agent 的任务。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills