io.clawhub.wpank/ui-design · v1.0.0
Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.
热度数据
UI Design 是一个Agent Skill，收录自 ClawHub。本页提供 Cursor、Claude Code 等客户端的安装配置片段。
Agent Skill 是带 SKILL.md 的指令包。安装后，AI 会根据 description 在匹配任务时自动加载，无需每次手动粘贴提示词。
选择你的平台查看安装方式
选择安装方式
# 改 --ai 切换客户端：cursor | claude-code | codex | vscode | openclaw
curl -fsSL "https://agent.xjtool.top/cli/agenthub-skill.mjs" | node - init wpank/ui-design --ai cursor -y安装完成后，在对话中直接描述你的任务（或提及技能名称）。Agent 会先读取 SKILL.md 的 description 判断是否启用，再按其中的步骤执行。可用 /skills（Claude Code）或在设置中查看已加载的 Skills。
v0.17.0
io.clawhub.leoyeai/openclaw-master-skills
A curated collection of 2109+ best OpenClaw skills — AI tools, productivity, marketing, frontend, mobile, backend, DevOps and more. Weekly updated by MyClaw....
v4.101.0+3d9068a
io.clawhub.arberx/canonry
Agent-first AEO operating platform.
v1.0.7
io.clawhub.bluecraft-ai/cold-email
Build cold email campaigns and generate hyper-personalized email sequences with MachFive. Build a campaign end-to-end, preview output, then generate sequences from lead data.
v1.8.296
io.clawhub.mnetfairy/insurance-advisor-china
中国大陆AI保险顾问。为个人和家庭提供全方位的保险咨询、产品对比、方案设计、投保指导。当用户询问保险配置、保险方案、产品对比、重疾险/医疗险/寿险/意外险/储蓄险推荐、保费计算、保障缺口分析、需求分析、核保合规、理赔等问题时使用。
v1.8.298
io.clawhub.mnetfairy/ai-insurance-advisor
中国大陆保险AI助手。当用户询问以下内容时使用：保险配置、保险方案、产品对比、重疾险/医疗险/寿险/意外险/储蓄险推荐、保费计算、保障缺口分析、需求分析、核保合规、理赔、朋友圈文案、培训话术、代理人展业支持。
v2.2.151
io.clawhub.mnetfairy/career-planner-china
AI时代职业规划师技能。专为AI时代职场变化而设计，帮助用户应对AI带来的职业冲击与机遇。当用户询问职业规划、职业建议、选专业、职场转型、未来就业方向时触发。功能包括：收集用户基本信息、霍兰德职业兴趣测评、职业价值观分析、AI时代职业影响评估（高危/中危/低危分级），并输出完整的个性化职业规划报告。关键词：职业规...
{
"id": "io.clawhub.wpank/ui-design",
"type": "skill",
"version": "1.0.0",
"displayName": "UI Design",
"description": "Comprehensive UI design skill covering fundamentals, patterns, and anti-patterns. Layout, typography, color, spacing, accessibility, motion, and component design. Use when building any web interface, reviewing design quality, or creating distinctive UIs.",
"author": {
"name": "wpank",
"url": "https://clawhub.ai/wpank"
},
"homepage": "https://clawhub.ai/wpank/ui-design",
"distribution": {
"packages": [
{
"registryType": "source",
"identifier": "wpank/ui-design",
"version": "1.0.0",
"runtimeHint": "clawhub install"
}
],
"remotes": []
},
"dependencies": [],
"installTargets": [
"openclaw",
"claude-code",
"claude-desktop",
"cursor",
"codex",
"vscode"
],
"keywords": [
"downloads:2742",
"stars:0",
"installs:96",
"Ui",
"Accessibility",
"Color",
"Layout",
"Motion"
],
"provenance": {
"origin": "clawhub",
"originalId": "wpank/ui-design",
"originalUrl": "https://clawhub.ai/wpank/ui-design",
"isOfficial": false,
"status": "active"
}
}