Web Development
v1.27.8
SkillClawHub3k
io.clawhub.binggg/web-development
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for Re...
source
io.clawhub.wangzhiming1999/design-to-code · v1.0.1
Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...
热度数据
Design To Code 是一个Agent Skill，收录自 ClawHub。本页提供 Cursor、Claude Code 等客户端的安装配置片段。
Agent Skill 是带 SKILL.md 的指令包。安装后，AI 会根据 description 在匹配任务时自动加载，无需每次手动粘贴提示词。
选择你的平台查看安装方式
选择安装方式
# 改 --ai 切换客户端：cursor | claude-code | codex | vscode | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node - init wangzhiming1999/design-to-code --ai cursor -y安装完成后，在对话中直接描述你的任务（或提及技能名称）。Agent 会先读取 SKILL.md 的 description 判断是否启用，再按其中的步骤执行。可用 /skills（Claude Code）或在设置中查看已加载的 Skills。
v1.27.8
io.clawhub.binggg/web-development
Use when users need to implement, integrate, debug, build, deploy, or validate a Web frontend after the product direction is already clear, especially for Re...
v1.92.11
io.clawhub.binggg/cloudbase
Use this skill when you develop, design, build, deploy, debug, migrate, or troubleshoot CloudBase (腾讯云开发, 云开发, TCB, 微信云开发) projects. Covers Web apps (React,...
v4.113.0+409494b
io.clawhub.arberx/canonry
Agent-first AEO operating platform.
v1.8.345
io.clawhub.mnetfairy/insurance-advisor-china
中国大陆AI保险顾问。为个人和家庭提供全方位的保险咨询、产品对比、方案设计、投保指导。当用户询问保险配置、保险方案、产品对比、重疾险/医疗险/寿险/意外险/储蓄险推荐、保费计算、保障缺口分析、需求分析、核保合规、理赔等问题时使用。
v1.8.349
io.clawhub.mnetfairy/ai-insurance-advisor
中国大陆保险AI助手。当用户询问以下内容时使用：保险配置、保险方案、产品对比、重疾险/医疗险/寿险/意外险/储蓄险推荐、保费计算、保障缺口分析、需求分析、核保合规、理赔、朋友圈文案、培训话术、代理人展业支持。
v2.2.192
io.clawhub.mnetfairy/career-planner-china
AI时代职业规划师技能。专为AI时代职场变化而设计，帮助用户应对AI带来的职业冲击与机遇。当用户询问职业规划、职业建议、选专业、职场转型、未来就业方向时触发。功能包括：收集用户基本信息、霍兰德职业兴趣测评、职业价值观分析、AI时代职业影响评估（高危/中危/低危分级），并输出完整的个性化职业规划报告。关键词：职业规...
{
"id": "io.clawhub.wangzhiming1999/design-to-code",
"type": "skill",
"version": "1.0.1",
"displayName": "Design To Code",
"description": "Implements UI from design mockups (Figma, Sketch, or image) with pixel-accurate layout, responsive behavior, and design tokens. Use when 还原设计图, implementing...",
"author": {
"name": "wangzhiming1999",
"url": "https://clawhub.ai/wangzhiming1999"
},
"homepage": "https://clawhub.ai/wangzhiming1999/design-to-code",
"distribution": {
"packages": [
{
"registryType": "source",
"identifier": "wangzhiming1999/design-to-code",
"version": "1.0.1",
"runtimeHint": "clawhub install"
}
],
"remotes": []
},
"dependencies": [],
"installTargets": [
"openclaw",
"claude-code",
"claude-desktop",
"cursor",
"codex",
"vscode"
],
"keywords": [
"downloads:2475",
"stars:0",
"installs:92"
],
"provenance": {
"origin": "clawhub",
"originalId": "wangzhiming1999/design-to-code",
"originalUrl": "https://clawhub.ai/wangzhiming1999/design-to-code",
"isOfficial": false,
"status": "active"
}
}