NEXAGEN Website Studio
从创意到真正的网站。PRIME 负责设计并制作图片与视频视觉，以 Next.js、React 或 HTML 格式交付响应式网页与代码。
先分析网站目的与用户，再规划信息架构、视觉方向、设计系统和组件，然后编写 React·Next.js 代码。在对话中交付经过动效、交互、响应式、无障碍、SEO 和性能检查的可构建代码以及交接说明。需要时，可在确认费用后通过 NEXAGEN 视频与图像工作流制作首屏/背景视频和板块视觉。NEXAGEN 不会直接构建、预览或部署网站，实际浏览器检查与托管在您自己的环境中进行。
可能使用额度
适用场景
适用于以下情况
- 设计并制作一个新的 SaaS 落地页
- 改版这个 Next.js 项目的首页
- 制作一个适配移动端的响应式作品集
以下情况请使用其他 Skill
- 帮我做一条新口红的 15 秒广告视频。NEXAGEN 广告活动创作者
- 帮我做一张咖啡店宣传海报图片。NEXAGEN 图像创作者
在 NEXAGEN 中使用的功能
- 网站目的分析、信息架构、设计系统
- React·Next.js 页面与组件代码
- 动效图形 · 交互设计
- 响应式、无障碍、SEO 与性能检查
- 生成网站视觉视频
- 可构建代码与交接说明
工作方式
这是 Skill 策略中定义的实际顺序。
- 1分析网站目的与用户
- 2信息架构（站点地图）
- 3视觉方向与设计系统
- 4［可选］网站视频策划 → 估算 → 确认 → 生成
- 5页面构成与组件规划
- 6React·Next.js 实现
- 7动效图形与交互
- 8响应式、无障碍、SEO、性能检查
- 9构建 QA
- 10交付代码与视频嵌入指南
请求示例
可复制后直接粘贴到 AI 应用中。
设计并制作一个新的 SaaS 落地页
改版这个 Next.js 项目的首页
制作一个适配移动端的响应式作品集
设计一个带滚动交互的品牌网站
改进这个 React 页面的设计和性能
为网站同时制作背景视频和首屏区域
制作一个带动效图形的 SaaS 落地页
使用的 NEXAGEN MCP Tool
| Tool | 作用 | 费用 |
|---|---|---|
get_account | 辅助 | 免费 |
get_mcp_policy | 辅助 | 免费 |
get_job | 辅助 | 免费 |
get_result | 辅助 | 免费 |
wait_for_job | 辅助 | 免费 |
estimate_video | 辅助 | 免费 |
generate_video | 辅助 | 付费 |
create_storyboard_plan | 辅助 | 免费 |
apply_cinematic_control | 辅助 | 免费 |
create_workspace_image | 辅助 | 付费 |
generate_cinema_video | 辅助 | 付费 |
estimate_music | 辅助 | 免费 |
generate_music | 辅助 | 付费 |
estimate_voice | 辅助 | 免费 |
generate_voice | 辅助 | 付费 |
额度说明
可能使用额度
设计与编写代码只使用对话（所选模型）的用量。网站用视频、图像、音乐和语音生成为付费项目，仅在确认估算并获得批准后执行。
安装 Skill 免费。仅在执行付费生成时，才会从您的 NEXAGEN 账户扣除额度。
当前支持范围
基于当前公开的 Tool，需要了解的事项。
- NEXAGEN 没有文件写入、代码执行、浏览器预览或部署 Tool，因此代码在对话中交付，构建、预览和托管在您自己的环境中进行。
- 真实浏览器 QA（桌面、平板、移动端、控制台、网络）需由您按交接清单确认。
- 认证、支付、数据库等后端功能仅支持接口契约设计。
按平台安装
下载
NEXAGEN Complete Skills Pack
如需同时处理属于其他 Skill 的请求，推荐使用 Complete Pack。
下载全部 Skills
nexagen-skills-complete-1.2.0.zip479.3 KB
查看校验值（SHA256）
请确认下载文件的 SHA256 值与下方的值一致。
7613259ef38d10d772d9fe49c51b24872004db6aa624f2c11c76f434eb1934bb仅下载此 Skill
包含此 Skill 文件夹、通用策略和 Skill 文档。
仅下载此 Skill
nexagen-skill-website-builder-1.2.0.zip168.4 KB
查看校验值（SHA256）
请确认下载文件的 SHA256 值与下方的值一致。
c8d4cd455b2c5238a106545fbbe7756a76b5d32c911078b1967295825f753645相关 Skills
常见问题
- NEXAGEN 可以直接帮我部署网站吗？
- 不可以。目前 NEXAGEN 没有部署 Tool。我们提供可构建的代码、安装与构建命令及托管说明，由您在自己的环境中部署。
- 会使用哪个模型？
- 会直接使用您在 PRIME 中选择的高级模型。自动模式下会选择一个适合任务的模型，不会每次同时使用两个模型。
- 可以为网站制作视频吗？
- 可以。可通过 NEXAGEN 视频与图像工作流制作首屏/背景视频和板块视觉。生成前会先显示预计额度，获得批准后执行。