跳到正文
第一组原创风格,现已开放预览。看看效果
c.Collected Skills
EN浏览 Skills

可交互预览移动鼠标,试试画面里的细节。

工程线稿落地页
Tessera 是虚构产品,数据和数字都是占位。同一份内容文件还能生成工程线稿发布片和路演稿。
原创风格

工程线稿落地页

把产品画成一张工程图纸。

网页工程美学分层图纸产品单页
下载 Skill

米白图纸、钴蓝线条的完整产品单页。辅助线先画出首屏,标题再上墨;三层图纸分解图讲清楚输入、处理和结果。滚动时页面停住,三层图纸逐层讲解;功能写成零件清单,数据放在尺寸标注上,价格是 A4/A3/A2 三种图纸尺寸,最后盖上审批章。鼠标变成测量十字线,指到哪里就标出尺寸。所有文字都在一个内容文件里,生成前会检查长度。零依赖,支持手机和减少动态效果。

预览形式
HTML · Web Animations
配色
#f1eee5#2a44c9#1e1e1e
使用指南

动效细节

  • 先画辅助线、再描边、再填色的开场
  • 滚动停住的原理区,三层图纸逐层讲解
  • 零件清单、尺寸标注、图纸尺寸价格与审批章

适合用来做

  • 数据、AI 与开发者产品
  • 想显得严谨、不想千篇一律的发布页

创作提示示例

下载并解压 Skill 后,让 Agent 读取 SKILL.md,再提供你的产品资料。下面的提示可用作开始。

使用 blueprint-landing Skill,把我的产品页做成一张工程图纸:米白纸、钴蓝线,标题先描边再上墨,三层图纸分解图展示我真实的输入、关键时刻和结果。功能做成零件清单,真实数据放在尺寸标注上,价格做成图纸尺寸。只用我提供的事实;没有内容的部分就不要做。