
效果预览
相似 Skill
查看全部 Skills你将获得
- 以可操作产品为 Hero 的开发者工具站:居中克制的标题下,是带条目、状态标签、筛选、搜索和 API 调试面板的内容工作台
- 功能便当格、模型同步演示、快速上手标签页、分支合并流程、安全、客户故事、定价和 FAQ,以及文档、更新日志、登录注册、联系、状态和法律页面
- 明暗双主题,客户故事、媒体库和头像用的生成式编辑风照片,全部嵌入一个可离线运行的文件
适合
- 发布 API、Headless CMS、SDK 或基础设施产品,想让产品通过可操作界面自己说话的团队
- 需要文档、更新日志、定价、登录和状态页都与落地页风格一致的开发者向创始人
- 想要一个离线文件用于演示或发布,或者把同一套设计移植进现有框架项目的团队
不适合
- 消费、生活方式或零售品牌:细线网格、等宽字体细节和代码标签页是面向开发者的语言
- 需要数据库驱动 CMS 或真实博客的团队:内容以静态数据形式写在页面里
- 真实的注册、计费或可用性监控:表单和状态页都是带占位数据的前端模拟
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页Scaffold Web Template风格锁定成果可编辑转化导向Light FirstBordered GridCode TabsFlat Ui MockupsGreen AccentMonospace Decor
适合做落地页
关于此 Skill

Contexa CMS Landing 为开发者产品做营销站,让产品通过可操作的界面讲清自己。整体浅色优先、接近中性,只用一个绿色强调,放在细线网格里,配紧凑的展示字体和等宽细节。示例是虚构的 Headless CMS Contexa,演示的客户工作区是 Halvorne Travel。

你将获得
- Hero 里可点击的内容工作台:带状态标签的条目、筛选标签、有空状态的搜索,以及请求与响应面板
- 版式多样的落地页区块:功能便当格、模型与工作台同步演示、框架快速上手标签页、带合并流程的内容分支、安全与状态、客户故事、带计费切换的定价、FAQ 和注册区
- 内页:可搜索的文档、更新日志与路线图、注册、登录、联系销售、客户故事、状态、隐私、条款和 404 页面
- 明暗双主题,巨型淡化字标下的反色页脚,整体是一个任意浏览器可打开、离线可用的文件

如何使用
- 提供产品名、一句话卖点、核心对象、支持的框架和套餐;缺的部分会先起草并列出来。
- Agent 围绕你产品的核心对象重建工作台,重写每个区块和页面,并生成风格匹配的照片。
- 打开文件,切换明暗主题,把每个标签页、表单和页面点一遍,用大白话提出修改。

有生图工具时,照片由 Agent 自带的工具生成,可能产生该工具的用量费用。示例里的客户、人物和数字都是虚构的,会替换成你的真实信息或明确列出的占位内容。
开始前需要准备什么
- 你需要提供
- 产品名、一句话卖点和核心对象(条目、请求、任务或部署) · 支持的框架或 SDK、安装命令,以及套餐名称和价格 · 能确认的安全信息、客户和评价(可选;缺的部分会写成占位并列出)
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 里的生图工具,用来生成编辑风照片(可选;没有时由你提供照片或使用标注好的图片位)
- 外部成本
- 有生图工具时,客户故事、媒体库和头像用的照片由 Agent 自带的生图工具生成,可能产生该工具的用量费用。没有时,Agent 会使用你的照片或留出标注清楚的图片位。除此之外不使用任何付费服务。
- 最近实测
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









