← 返回 Skills 市场
726
总下载
0
收藏
8
当前安装
1
版本数
在 OpenClaw 中安装
/install ui-designer
功能描述
Automation skill for ui-designer.
安全使用建议
This skill appears coherent and safe in that it only asks the agent to generate UI/design text and front-end code. Before using generated code, review it for any external network calls, embedded URLs, or package references (npm/Tailwind/Nuxt) you don't recognize; check package versions and licenses, and run the code in a sandbox or development environment rather than production. If you plan to integrate the generated code into a real project, verify dependencies and audit any added build or install scripts. If you want stronger assurance, request the author/source or a signed provenance for the skill.
功能分析
Type: OpenClaw Skill
Name: ui-designer
Version: 1.0.0
The skill bundle contains standard instructions for an AI agent to act as a senior UI/Frontend designer. The SKILL.md file defines a persona and provides specific design constraints (8pt grid, design tokens, Vue/TailwindCSS) for generating UI components and professional skill descriptions. There are no indicators of malicious intent, data exfiltration, or unauthorized system access.
能力评估
Purpose & Capability
The name/description and the SKILL.md align: the skill asks the agent to produce UI/design descriptions and runnable front-end code (Vue/Tailwind). It does not request unrelated credentials, binaries, or system access.
Instruction Scope
SKILL.md contains explicit content-generation instructions (design requirements, token tables, runnable Vue/Tailwind code). It does not instruct the agent to read files, access system configuration, or transmit data to external endpoints. The scope is limited to producing design text and code.
Install Mechanism
There is no install spec and no code files — this is instruction-only, so nothing will be downloaded or written by an installer as part of the skill itself.
Credentials
The skill declares no required environment variables, credentials, or config paths; the requested outputs (design tokens, code) don't require secrets or external credentials.
Persistence & Privilege
The skill does not request always:true or any elevated persistence. It is user-invocable and allows autonomous invocation by default (the platform default) which is reasonable for a content-generation skill.
如何使用
- 确保已安装 OpenClaw（本地或 Docker 部署）
- 在对话框中输入安装命令：
/install ui-designer - 安装完成后，直接呼叫该 Skill 的名称或使用
/ui-designer触发 - 根据 Skill 的参数说明提供必要输入，即可获得结构化输出
版本历史
v1.0.0
ui-designer 1.0.0 初始版本上线
- 提供高级产品级 UI/前端设计能力，精通 React (Hooks、状态管理、Next.js) 与 Vue (Vue 3、Pinia、Nuxt.js)
- 强调架构设计与性能优化，涵盖微前端集成、响应式设计系统、SSR 优化等技能项
- 输出三套技能描述列表，不同技术深度与可读性，便于用户甄选
- 支持8pt spacing、Design Token、严格排版和多色模式的 Web 设计规范
- 附带结构说明、Token 表和可运行的 Vue/TailwindCSS 示例代码
元数据
常见问题
ui-designer 是什么？
Automation skill for ui-designer. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 726 次。
如何安装 ui-designer？
在 OpenClaw 或 Claude Code 对话框中运行命令「/install ui-designer」即可一键安装，无需额外配置。
ui-designer 是免费的吗？
是的，ui-designer 完全免费，采用 MIT-0 许可证，可自由下载、安装和使用。
ui-designer 支持哪些平台？
ui-designer 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（cross-platform）。
谁开发了 ui-designer？
由 WesLon（@weslon1987）开发并维护，当前版本 v1.0.0。
推荐 Skills