Token导航 LogoToken导航TokenDH.com
中转站排行榜
效率external-serviceclawhub未标认证来源可访问clear审计提醒

design-framework-generate（设计框架生成）

Agent Skill

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

总安装

2,497

周安装

102

GitHub Stars

公开资料未说明

下载量

808
OpenClaw

安装说明

本站只整理中文说明和来源信息，不托管安装包，也不代用户安装。

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

请帮我安装这个 Agent Skill：design-framework-generate（设计框架生成）
来源仓库：https://github.com/807209066/design-framework-generate
安装命令：
openclaw skills install design-framework-generate
安装前请先检查当前环境是否支持对应 CLI，并向我确认将要执行的命令、安装目录、联网范围和文件读写权限；确认后再执行。

命令行安装

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

ClawHubOpenClaw
openclaw skills install design-framework-generate

简介

用于辅助界面设计、视觉规范和交互体验优化。

  • 适合整理页面结构、生成 UI 方案或检查一致性。
  • 需结合品牌和设计系统，避免堆砌装饰元素。design-framework-generate 属于效率类 Skill，可作为该场景下的辅助能力补充。
  • 涉及真实页面改动时应通过截图或预览验证表现。
  • 建议在原型阶段使用，避免直接修改生产代码。

SKILL.md

name
design-framework-generate
description
设计框架自动生成套件（生图交付）：用户确认后自动生成概念图并私发给 Bot 主人

设计框架套件 - 生图与交付

「设计框架自动生成套件」的第四个 skill，负责在用户确认后执行生图、私发框架文本和概念图、发送完成通知。

触发条件

/tmp/design-framework-confirmed 文件存在（由 design-framework-confirm skill 写入）。

执行流程

  1. 删除 confirmed 标记：防止重复触发
  2. 提取宽高比：从设计框架中解析输出规范
  3. 生成概念图：调用 generate_image.sh，使用 bytedance-seed/seedream-4.5 模型
  4. 私发框架文本：通过 send.sh 发送给 Bot 主人
  5. 私发概念图：通过 send_image_only.sh 发送给 Bot 主人
  6. 群内完成通知：发送「已接受，明确需求 ✅」
  7. 去重记录 + 清理：写入 last-task.txt，清理所有临时文件，释放锁

依赖脚本

所有脚本均位于 design-framework-sender/ 目录：

  • generate_image.sh：调用 OpenRouter API 生成图片
  • extract_ratio.sh：从框架文本提取宽高比
  • send.sh：私发文本消息
  • send_image_only.sh：私发图片
  • config.py：统一配置读取

异常处理

  • 私发框架失败 → 群内提示失败，清理并退出
  • 生图失败 → 群内提示"概念图生成失败"，清理并退出

安装说明

请参考 design-framework-sender skill 的安装文档。

适合场景

01

调用多模型

02

代码和文本生成

03

Agent 推理流程

04

OpenRouter 模型接入

能力概览

能力 1

统一调用多种 LLM

能力 2

支持 Claude、Gemini、Kimi 等模型

能力 3

适合聊天、代码和推理任务

能力 4

可作为 Agent 模型调用入口

安装后应在对应宿主中按原始 README 的触发条件使用；具体调用方式请以来源页面和 README 为准。

平台分布

OpenClaw

75.29%
按下载量换算608

安全审计

VirusTotal

可疑

ClawScan

可疑

Static analysis

通过

权限和风险

external-service

该 Skill 可能调用第三方服务、云服务或外部模型 API，使用前需要确认账号、额度、数据发送范围和服务条款。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在 warning/failed 结果，不能写成本站确认安全。当前只有一个来源，正式发布前建议补源仓库或其他目录站核验。

来源信息

GitHub 仓库

github.com

/807209066/design-framework-generate

SKILL.md 来源

clawhub.ai

/807209066/design-framework-generate

继续浏览同类 Skills

更多效率 Skills（21,003）返回 Skills 目录

上一个 Skill

design-framework-confirm（设计框架确认）

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

下一个 Skill

design-framework-sender（设计框架发送者）

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