← Back to Skills Marketplace
726
Downloads
0
Stars
8
Active Installs
1
Versions
Install in OpenClaw
/install ui-designer
Description
Automation skill for ui-designer.
Usage Guidance
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.
Capability Analysis
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.
Capability Assessment
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.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install ui-designer - After installation, invoke the skill by name or use
/ui-designer - Provide required inputs per the skill's parameter spec and get structured output
Version History
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 示例代码
Metadata
Frequently Asked Questions
What is ui-designer?
Automation skill for ui-designer. It is an AI Agent Skill for Claude Code / OpenClaw, with 726 downloads so far.
How do I install ui-designer?
Run "/install ui-designer" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is ui-designer free?
Yes, ui-designer is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does ui-designer support?
ui-designer is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created ui-designer?
It is built and maintained by WesLon (@weslon1987); the current version is v1.0.0.
More Skills