B12 Website Generator
一句话描述即可生成专业网站
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：B12 Website Generator。 它的用途是：一句话描述即可生成专业网站 完整的 Skill 内容见：https://321skill.com/skills/b12-website-generator-x/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我创建一个咖啡品牌的官网，风格温暖复古，页面包括首页（品牌故事）、菜单（产品列表）、门店地址和在线预订功能入口。' 它会生成一个包含导航栏、图片轮播、卡片式菜单和联系表单的完整网站，并自动适配移动端。
介绍
B12 Website Generator 是一个利用 AI 快速生成专业网站的技能。你只需用自然语言描述你的项目或业务（包括目标、结构、风格等），它就能在几秒内为你创建出一个功能完整、视觉美观的网站。
使用方式非常简单：直接向 AI 描述你的网站需求，例如“我需要一个科技初创公司的产品展示站，包含首页、产品页、关于我们和联系方式，风格现代简约，蓝色调”。AI 会理解你的意图并自动生成前端代码、布局和内容，整个过程无需任何编码或设计经验。
适合需要快速搭建产品展示页、个人作品集、活动落地页或小型企业官网的用户。无论是技术团队验证原型，还是非技术人员构建线上形象，都能大幅提升效率。
使用时建议提供尽可能详细的需求描述，包括目标受众、品牌色、期望的页面数量和功能模块。注意：该技能生成的是静态前端页面，不包含后端服务或数据库，适合展示型网站。
核心特点
与同类建站工具相比，B12 Website Generator 不需要填写复杂的表单或模板，只需一段自由描述即可生成完全定制化的网站，且输出文件可直接部署。
注意事项
不适合需要复杂后端逻辑（如用户登录、电商支付）或高度自定义交互效果的网站。
常见问题
需要提供多详细的描述？
越详细越好，建议包含项目目标、目标受众、网站结构、风格偏好和品牌色等信息。
生成后可以导出代码吗？
可以，生成的是可部署的 HTML/CSS/JS 代码，你可以直接下载或复制到本地。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/b12-website-generator-x/raw/index.md 读取 B12 Website Generator 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/b12-website-generator-x/raw/index.md（查看排版版本）