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

design-framework-builder设计框架构建器

Agent Skill

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

总安装

2,375

周安装

102

GitHub Stars

公开资料未说明

下载量

832
OpenClaw

安装说明

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

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

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

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

命令行安装

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

ClawHubOpenClaw
openclaw skills install design-framework-builder

简介

设计框架自动生成套件(框架生成器):收到设计需求后自动生成完整设计框架并发送群预览

SKILL.md

name
design-framework-builder
description
设计框架自动生成套件(框架生成器):收到设计需求后自动生成完整设计框架并发送群预览

设计框架套件 - 框架生成器

「设计框架自动生成套件」的第二个 skill,负责接收设计需求、生成框架文档、调用生图 prompt 脚本、发送预览到群组。

触发条件

群消息包含 @huluxiaojinganghuluwa(或你配置的 mention),且 /tmp/design-framework-lock 不存在(无进行中的任务)。

执行流程

  1. 原子锁mkdir /tmp/design-framework-lock,防止并发触发
  2. 去重检查:与上次任务对比,完全相同则提示"已完成过"
  3. 需求校验:检测消息是否包含 ≥2 个设计需求字段(任务名称/尺寸/设计要求/文案等)
  4. 参考图提取:如消息含图片附件,提取路径供后续使用
  5. 生成设计框架:包含项目概述、设计定位、文案层级、视觉风格、版式结构、设计元素、字体建议、输出规范
  6. 生成生图 Prompt:调用 generate_prompt.sh
  7. 发送预览:群内发送框架预览 + 确认按钮

依赖脚本

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

  • generate_prompt.sh:调用 OpenRouter API 生成生图 prompt
  • send_text.sh:发送文本消息到 Telegram
  • config.py:统一配置读取

无文字输出

全程通过 exec 执行 bash,不输出任何说明文字。

安装说明

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

适合场景

01

调用多模型

02

代码和文本生成

03

Agent 推理流程

04

OpenRouter 模型接入

能力概览

能力 1

统一调用多种 LLM

能力 2

支持 Claude、Gemini、Kimi 等模型

能力 3

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

能力 4

可作为 Agent 模型调用入口

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

平台分布

OpenClaw

92.9%
按下载量换算773

安全审计

VirusTotal

可疑

ClawScan

可疑

Static analysis

通过

权限和风险

external-service

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

安装前确认

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

来源信息

继续浏览同类 Skills