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.tomstools11/style-guide-generator · v1.0.0
Generate comprehensive website style guides and design systems from URLs, screenshots, and existing documentation. Use this skill when users ask to create a style guide, design system documentation, brand guidelines document, or design specification from a website, app, or existing materials. This skill produces professional PDF outputs following industry-standard style guide structure.
热度数据
Style Guide Generator 是一个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 tomstools11/style-guide-generator --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.tomstools11/style-guide-generator",
"type": "skill",
"version": "1.0.0",
"displayName": "Style Guide Generator",
"description": "Generate comprehensive website style guides and design systems from URLs, screenshots, and existing documentation. Use this skill when users ask to create a style guide, design system documentation, brand guidelines document, or design specification from a website, app, or existing materials. This skill produces professional PDF outputs following industry-standard style guide structure.",
"author": {
"name": "tomstools11",
"url": "https://clawhub.ai/tomstools11"
},
"homepage": "https://clawhub.ai/tomstools11/style-guide-generator",
"distribution": {
"packages": [
{
"registryType": "source",
"identifier": "tomstools11/style-guide-generator",
"version": "1.0.0",
"runtimeHint": "clawhub install"
}
],
"remotes": []
},
"dependencies": [],
"installTargets": [
"openclaw",
"claude-code",
"claude-desktop",
"cursor",
"codex",
"vscode"
],
"keywords": [
"downloads:3410",
"stars:2",
"installs:125",
"Documentation",
"Document",
"PDF",
"Website"
],
"provenance": {
"origin": "clawhub",
"originalId": "tomstools11/style-guide-generator",
"originalUrl": "https://clawhub.ai/tomstools11/style-guide-generator",
"isOfficial": false,
"status": "active"
}
}