Agent Skill · 开发

software-ui-design（软件界面设计）

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

software-ui-design 是开发类 Agent Skill，可用宿主为 OpenClaw，通过ClawHub获取，权限为接触敏感数据；许可证为 MIT-0，第三方扫描有提醒项，按安装量在开发类的 21,746 个 Skill 里排第 9,206。

总安装 2,820周安装 113GitHub Stars 公开资料未说明下载 913核验 2026-05-01

开发接触敏感数据 ClawHub未标认证来源可访问许可证明确审计提醒 OpenClaw

安装说明

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

GitHub

许可证: MIT-0
版本: 1.0.0

安装方式

通过对话安装

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

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

命令行安装

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

ClawHubOpenClaw

openclaw skills install software-ui-design

这个 Skill 是做什么的

开发类 Skill 面向写代码、改代码和排查问题，一般会读写仓库文件，部分还会执行构建或测试命令。

软件UI设计辅助技能，涵盖设计文件解析（Figma/Sketch/Adobe XD）、自动标注、切图整理、UI规范检查、设计稿对比、设计系统文档生成。触发场景：解析设计稿、自动标注、设计资产导出、UI规范验证、切图整理、设计转代码、颜色/字体规范提取。

上手步骤

4 步

1
确认自己的宿主工具
公开资料标注支持 OpenClaw；先确认自己用的是其中之一，再按对应工具的 Skills 目录放置。
2
拿到安装命令
可以直接复制的命令是 openclaw skills install software-ui-design；命令里的占位符换成自己的路径或密钥再执行。
3
安装后重启宿主
命令执行完要完全退出宿主工具再打开，让新装的 Skill 被重新扫描到，否则列表里可能看不到。
4
按最小权限试用
它需要接触敏感数据，先在测试目录或测试账号里跑，确认没问题再放到正式项目。

常见问题

6 条

software-ui-design 怎么安装？

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

software-ui-design 支持哪些 AI 工具？

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

software-ui-design 需要什么权限？

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置，应进入高风险复核队列，默认不自动发布。

software-ui-design 是免费的吗？

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

software-ui-design 用的人多吗？

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

software-ui-design 安全吗？

第三方扫描有提醒项，说明存在需要人工确认的行为。安装前请打开源码看清它读了什么、联网到哪里。

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

值得选的地方

专注 OpenClaw 一种宿主，触发方式和使用习惯不用来回切换。
许可证明确为 MIT-0，商用和分发边界好判断。

先想清楚的地方

需要接触敏感数据，装到常用环境前要先评估影响面。
第三方扫描存在提醒项或未通过项，需要人工逐条确认。
第三方目录整理，版本更新和行为细节以来源仓库为准。

适不适合你

更适合

已经在用 OpenClaw，想直接扩展它能力的人。
需要处理开发类任务、又不想每次都手写提示词的人。

不太适合

环境里有大量密钥、凭证，不方便给第三方 Skill 读取的人。
需要厂商级技术支持和 SLA 的生产系统。

开发类 Skill 对比

6 个同类

Skill	总安装	GitHub 星	权限	许可证	扫描
skill-vetter 技能审查员 · OpenClaw	8,779,018	986	操作浏览器	MIT-0	通过
ontology 本体论 · OpenClaw	6,636,960	576	只读	MIT-0	通过
entra-app-registration 内部应用程序注册 · Codex、Claude	6,631,872	764	接触敏感数据	未明确	通过
entra-app-registration 内部应用程序注册 · Codex、Claude	3,757,680	201	接触敏感数据	未明确	通过
nano-banana-pro 纳米香蕉专业版 · OpenClaw	3,526,898	364	接触敏感数据	MIT-0	有提醒
software-ui-design 软件界面设计 · 本页	2,820	—	接触敏感数据	MIT-0	有提醒

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

SKILL.md 原文

name: software-ui-design
description: 软件UI设计辅助技能，涵盖设计文件解析（Figma/Sketch/Adobe XD）、自动标注、切图整理、UI规范检查、设计稿对比、设计系统文档生成。触发场景：解析设计稿、自动标注、设计资产导出、UI规范验证、切图整理、设计转代码、颜色/字体规范提取。

Software UI Design - UI设计自动化

核心能力

设计文件解析

Figma：通过 Figma API / figma-python 解析文件，提取图层、组件、样式
Sketch：解析 .sketch 文件（JSON 格式），提取画板、符号、样式
Adobe XD：解析 .xd 文件（ZIP + JSON），提取 artboard、组件

自动标注

提取元素位置、尺寸、间距、颜色、字体信息
生成标注文档（Markdown / HTML / JSON）
支持多状态标注（默认/悬停/激活/禁用）

切图 & 资产导出

自动识别需要导出的元素
支持多分辨率导出（1x / 2x / 3x）
输出格式：PNG / SVG / PDF / WebP
整理为规范目录结构

UI 规范检查

颜色规范验证（品牌色是否正确使用）
字体规范验证（字号/字重/行高）
间距规范验证（8px 栅格系统）
输出规范差距报告

设计转代码

生成 CSS / Tailwind / Flutter / SwiftUI / Jetpack Compose 代码片段
从设计稿提取组件结构和样式属性

关键脚本

scripts/figma_parser.py - Figma API 文件解析
scripts/sketch_parser.py - Sketch 文件解析
scripts/annotate.py - 自动标注生成
scripts/export_assets.py - 批量导出切图
scripts/ui_checker.py - UI 规范检查
scripts/design_to_code.py - 设计转代码片段

参考资源

references/figma-api.md - Figma API 文档
references/design-systems.md - 主流设计系统规范参考

工作流程

获取设计文件：用户提供 Figma 链接 / Sketch / XD 文件路径
解析提取：调用解析脚本获取图层结构
执行任务：标注 / 切图 / 规范检查 / 代码生成
输出交付：文档 / 资产包 / 报告

注意事项

Figma 需要用户提供 Personal Access Token
Sketch/XD 文件较大，建议压缩或提供具体画板范围
切图优先导出 SVG 再转 PNG
代码生成仅作参考，需人工审核

平台分布

OpenClaw

86.42%

按下载量换算789

安全审计

VirusTotal

未展示

ClawScan

可疑

Static analysis

通过

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置，应进入高风险复核队列，默认不自动发布。

安装前确认

本站仅展示第三方公开信息，不托管安装包，不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。来源安全扫描存在提醒或未通过项，安装前请自行复核。目前只有一个公开来源，建议同时核对源仓库。

继续浏览同类 Skills

更多开发 Skills（21,746）返回 Skills 目录

上一个 Skill

software-security-appsec（软件安全应用安全）

vasilyu1983/ai-agents-public

用于辅助安全审计、权限检查、凭据风险、认证流程和常见漏洞排查。它适合让 Agent 梳理敏感配置、检查依赖风险、分析鉴权逻辑或生成安全复核清单。使用时不能把工具输出直接当最终结论，涉及密钥、令牌、用户数据或生产系统时，应先确认最小权限、脱敏方式和操作边界。

下一个 Skill

software-workflow（软件工作流程）

yinhunfeixue/software_development_skills

software-workflow 用于处理 GitHub 仓库、Issue、Pull Request 和代码协作信息，适合在 Codex、Claude、Cursor、Gemini CLI 中需要围绕仓库状态、代码变更或协作事项进行整理时使用。可结合来源仓库、安装命令和原始 README 继续核验具体用法。安装前建议确认权限范围、维护状态，以及是否会触发联网、命令执行或文件读写。