网站前端生成技能。根据用户需求生成HTML/CSS/JS前端页面， 自动保存到指定目录并在浏览器中打开预览。 学习主流网站的设计并记录在学习资源目录中。
数据来源：ClawHub。 在 ClawSkills 查看
选择你使用的 Agent
方法一：命令行安装（推荐）
推荐（无需提前安装 clawhub）
npx clawhub@latest --dir ~/.claude/skills install uwvwko-web-front或使用 clawhub CLI（需提前安装）
clawhub --dir ~/.claude/skills install uwvwko-web-front⚠️ 需要 Node.js 18+，没有 Node？请使用下方方法二直接下载 ZIP。 安装 Node.js →
方法二：手动下载安装（无需 Node）
下载 ZIP，解压后将文件夹放到以下路径，重启 Agent 即可：
安装路径
~/.claude/skills/uwvwko-web-front/💡解压后将文件夹放到上方路径，重启 Agent 即可生效
web-front 是一款 Design & Creative 技能，为你的 AI 助手赋予强大的新能力。网站前端生成技能。根据用户需求生成HTML/CSS/JS前端页面， 自动保存到指定目录并在浏览器中打开预览。 学习主流网站的设计并记录在学习资源目录中。
安装只需几秒，即可在 AI 工作流中立即使用。
web-front 通过模型上下文协议（MCP）直接与 Claude、Cursor、OpenClaw 集成，让你的 AI 智能体获得默认情况下没有的专业工具。
安装后，你可以在对话中自然地调用其功能——只需描述你想做的事，AI 助手就会使用 web-front 来完成。
安装 web-front 只需几秒。将技能文件夹放到对应目录：
# 个人级（所有项目可用）
~/.claude/skills/uwvwko-web-front/
# 项目级（仅当前项目）
.claude/skills/uwvwko-web-front/放置好技能文件夹后，重启你的 AI 客户端（Claude Code、Cursor、Gemini CLI、OpenClaw 等）。之后可以用 /uwvwko-web-front 主动调用，或让 AI 根据上下文自动发现并使用。
web-front 兼容 Claude、Cursor、OpenClaw。它遵循开放的 MCP（模型上下文协议）标准，无需任何修改即可在所有兼容 MCP 的 AI 客户端上运行。
安装 web-front 后，可以对 AI 说这些话来触发它
Help me get started with web-front
Explains what web-front does, walks through the setup, and runs a quick demo based on your current project
Use web-front to website front-end generation skills
Invokes web-front with the right parameters and returns the result directly in the conversation
What can I do with web-front in my design & creative workflow?
Lists the top use cases for web-front, with example commands for each scenario
将技能文件夹放到 ~/.claude/skills/uwvwko-web-front/ 目录（个人级，所有项目可用），或 .claude/skills/uwvwko-web-front/（项目级）。重启 AI 客户端后，用 /uwvwko-web-front 主动调用，或让 AI 根据上下文自动发现并使用。
web-front 支持 Claude、Cursor、OpenClaw，可与这些 AI 平台无缝集成，扩展其能力。
web-front 可免费安装使用。请查阅仓库了解许可证信息。
网站前端生成技能。根据用户需求生成HTML/CSS/JS前端页面， 自动保存到指定目录并在浏览器中打开预览。 学习主流网站的设计并记录在学习资源目录中。
web-front 属于「Design & Creative」分类，该分类的技能帮助 AI 智能体在此领域执行专业任务。
Automate my design & creative tasks using web-front
Identifies repetitive steps in your workflow and sets up web-front to handle them automatically