
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的开发者工具官网,打包成一个自包含的 HTML 文件,离线即可打开:首页、文档、更新日志、下载、安全、客户故事、注册、登录、联系、法律条款和 404
- 真正能用的产品界面:可运行和重放的流程画布、可点选的节点、触发器开关、可调节的重试策略、可筛选的运行历史、可切换区间的图表和实时日志
- 深色优先的中性灰配一种青色,完整的浅色主题,内嵌 Hanken Grotesk 与 JetBrains Mono,照片只用于客户故事、运行设备和头像
适合
- 正在推出桌面应用、CLI、自动化平台或开源开发者工具,想省掉设计直接拿到可信深色官网的团队
- 优势更适合演示而非描述的产品,比如运行、重试、日志和本地执行
- 想先拿到独立网站,或把同一套设计移植进自己 Next.js、React、Vue、Svelte 或 Astro 项目的开发者
不适合
- 需要浅色优先风格的品牌:浅色主题完整可用,但整体设计以深色为先
- 需要开箱即用的 CMS 驱动或多语言网站的团队
- 期待真实客户 logo 或媒体报道的人:所有品牌、人物、评价和数字在你替换之前都是虚构的
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页Scaffold Web Template风格锁定成果可编辑分步人工确认Cyan AccentDark FirstChart PanelsNode Canvas HeroGrain Texture
适合做落地页
关于此 Skill

描述你的开发者工具,就能拿到一套沉稳、深色优先、让产品自己说话的官网:一句安静的两行标题,下方的流程画布会运行、重试失败的步骤并实时输出日志。交付物是一个自包含文件,任何浏览器都能打开,离线可用。

你将获得
- 落地页包含分标签的流程讲解、步骤库轮播、可观测图表、本地优先架构图、流程即代码、客户故事、带对比表的定价、FAQ 和按系统区分的安装区
- 文档、更新日志、下载、安全、客户故事、注册、登录、联系、隐私、条款和 404 页面
- 可交互的产品面板:触发器开关、可调节并可模拟的重试策略、带筛选和搜索的运行历史,以及实时日志
- 近黑灰配一种青色,一处柔和光晕和细腻颗粒,另有完整的浅色主题
- 在你自己的项目里,同一套设计会以你技术栈的组件和路由实现

如何使用
- 提供产品名称、产品里“流程”指什么、触发方式、运行位置、安装方式、套餐和 CTA
- 它会围绕你的步骤和命令重建画布、讲解面板和文档,并列出所有需要起草的客户、价格或安全细节
- 在浏览器里打开成品文件,用大白话提修改,比如改成三档定价或换一组讲解标签

客户和头像照片由你的 Agent 用其图像工具生成,可能产生该工具的使用费用。字体和图片都已内嵌在成品文件中。
开始前需要准备什么
- 你需要提供
- 产品名称、一句话卖点、产品里“流程”指什么,以及在哪里运行 · 触发方式、运行时或集成、安装方式、套餐与价格,以及 CTA(下载、注册、试用或加星)
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · 可选:Agent 中可用的图像生成工具,用于生成客户故事、运行设备和头像照片
- 外部成本
- 客户故事、运行设备和头像照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费用。没有图像工具时,会使用你自己的照片或清楚标注的图片占位。
- 最近实测
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









