
效果预览
相似 Skill
查看全部 Skills你将获得
- 一个自包含网站文件,字体和图片已内嵌,任何浏览器打开、离线可用;已有框架项目时则移植进该项目。
- 带看板、燃尽图和路线图视图的实时产品窗口,以及可操作的便当区、周期标签页、命令行与 Git、API 工作流标签页和带计费切换的定价。
- 定价对比、更新日志、登录、注册、预约演示、安全、客户故事、公司和法律页面,并配完整深色主题。
适合
- 正在发布问题跟踪、规划工具或其他 B2B 开发者产品的团队。
- 能把自身状态对应到看板、燃尽图和路线图视图的事故管理、CI 或部署工具。
- 面向技术型买家、需要提供评估路径、安全事实和对比表的产品。
不适合
- 真实账户、登录或表单投递;表单只做校验并显示如实的演示结果。
- 开箱即需内容管理系统或多语言的网站。
- 展示无法确认的真实客户 logo 或声明;没有真实客户时会删掉字标滚动条和评价。
产品发布与应用增长网站与数字体验制作网页/单页站/仪表盘制作落地页Scaffold Web Template风格锁定成果可编辑转化导向Bento GridRounded Gradient CardsSand And Mint SectionsTracking Tight HeadlinesLive Product Window Hero
适合做落地页
关于此 Skill

Tracklane Devtool Landing 用来为开发者工具搭建一个像成熟公司官网一样的营销网站:暖沙色画布配薄荷色分区带、近黑墨色、紧排大标题,以及右侧放着实时产品窗口的安静分栏首屏。示例是虚构的周期规划型问题跟踪工具 Tracklane,包含完整首页,以及定价、更新日志、登录、注册、预约演示、安全、客户故事、公司和法律条款页面。

你将获得
- 一个自包含的网站文件,字体和图片都已内嵌,任何浏览器直接打开,离线也能用。如果你已有框架项目,则把同样的结构移植进该项目。
- 用你产品自身对象绘制的产品窗口:看板、燃尽图和路线图三个视图会自动轮播一轮,推送分支时卡片会移动到下一列。
- 可操作的首页区块:会滚动计数的指标卡、含分诊队列和讨论串的五格便当区、周期标签页、可复制的命令行、Git 与 API 开发者工作流、评估路径、安全、客户评价、带计费切换的定价和 FAQ。
- 内页包括定价对比表、可筛选搜索的更新日志、带单点登录查询的登录页、注册、预约演示、客户故事、含招聘职位的公司页、隐私、条款和 404 页。
- 完整的深色主题,以及支持减少动态设置的克制动效。

如何使用
- 提供产品名和一句话主张、它管理的工作对象、五个核心能力、与 Git、命令行和 API 的衔接方式、安全事实、定价档位和主要 CTA。缺少的信息会先写成合理的占位内容,并列出请你确认。
- 告诉 Agent 哪三个视图最能展示你的产品,比如用事故、部署或工单代替问题。
- 在桌面和手机上分别用浅色、深色主题逐页打开,试一遍产品窗口、便当区、标签页和表单,再提出修改。

字体为 Inter Tight、Inter 和 Geist Mono,已内嵌进文件。客户和团队照片由你的 Agent 自带的图像工具生成,可能产生该工具的使用费;产品画面始终是绘制的界面,不会用生成的截图。
开始前需要准备什么
- 你需要提供
- 产品名、一句话主张,以及它管理的工作对象 · 核心能力、开发者工作流、安全事实、定价档位和主要 CTA · 可以公开使用的客户评价和指标,或允许先写占位内容再由你确认
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 自带的图像工具或你自己的照片,用于客户和团队照片
- 外部成本
- 客户人像、故事照片和团队照由你的 Agent 自带的图像工具生成,可能产生使用费。没有图像工具时可用自己的照片,或删掉评价和故事区块;产品窗口不需要任何图片。浏览示例不产生费用。
- 最近实测
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…








