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