夜雨聆风Open Design · 150 Templates Test
最近整了个大活，把 Open Design 中内置的 150 个模板挨个跑了下。用给定的内容和给定的提示词，让 Open Design 生成可以直接粘贴到公众号里的 HTML（我最喜欢的是kami、neon、premium这几个）
测试条件
平台：Open Design
设计模板：内置 150 个 Design Systems
Agent：OpenCode
模型：DeepSeek V4 Pro
内容：同一份 Markdown 测试文档
我使用的提示词
把这篇文档渲染成可以直接粘贴到公众号里的单html，注意其中的代码块、引用、对话等格式的对应性，生成的html放在md的同级目录下
需要说明：不同的上下文和不同的模型可能产生不同的效果。即便使用相同模型，同一任务的不同生成轮次也可能出现差异。因此下面的结果不是模板的绝对排名，只代表 DeepSeek V4 Pro、OpenCode 和这一次固定上下文下的横向测试。
150 个模板的实际表现
以下图片来自生成结果进入微信公众号草稿箱后的实际渲染截图。按模板名字母顺序排列，每 5 个模板合并为一张长图；每项顶部都标注了编号和模板名。
第 02 组 · 模板 006–010
application · arc · artistic · atelier-zero · bento
第 03 组 · 模板 011–015
binance · bmw · bmw-m · bold · brutalism
第 04 组 · 模板 016–020
bugatti · cafe · cal · canva · cisco
第 05 组 · 模板 021–025
claude · clay · claymorphism · clean · clickhouse
第 06 组 · 模板 026–030
cohere · coinbase · colorful · composio · contemporary
第 07 组 · 模板 031–035
corporate · cosmic · creative · cursor · dashboard
第 08 组 · 模板 036–040
default · discord · dithered · doodle · dramatic
第 09 组 · 模板 041–045
duolingo · editorial · elegant · elevenlabs · energetic
第 10 组 · 模板 046–050
enterprise · expo · expressive · fantasy · ferrari
第 11 组 · 模板 051–055
figma · flat · framer · friendly · futuristic
第 12 组 · 模板 056–060
github · glassmorphism · gradient · hashicorp · hud
第 13 组 · 模板 061–065
huggingface · ibm · intercom · kami · kraken
第 14 组 · 模板 066–070
lamborghini · levels · linear-app · lingo · loom
第 15 组 · 模板 071–075
lovable · luxury · mastercard · material · meta
第 16 组 · 模板 076–080
minimal · minimax · mintlify · miro · mission-control
第 17 组 · 模板 081–085
mistral-ai · modern · mongodb · mono · neobrutalism
第 18 组 · 模板 086–090
neon · neumorphism · nike · notion · nvidia
第 19 组 · 模板 091–095
ollama · openai · opencode-ai · pacman · paper
第 20 组 · 模板 096–100
perplexity · perspective · pinterest · playstation · posthog
第 21 组 · 模板 101–105
premium · professional · publication · raycast · refined
第 22 组 · 模板 106–110
renault · replicate · resend · retro · revolut
第 23 组 · 模板 111–115
runwayml · sanity · sentry · shadcn · shopify
第 24 组 · 模板 116–120
simple · skeumorphism · slack · sleek · spacex
第 25 组 · 模板 121–125
spacious · spotify · starbucks · storytelling · stripe
第 26 组 · 模板 126–130
supabase · superhuman · tesla · tetris · theverge
第 27 组 · 模板 131–135
together-ai · totality-festival · trading-terminal · uber · urdu
第 28 组 · 模板 136–140
vercel · vibrant · vintage · vodafone · voltagent
第 29 组 · 模板 141–145
warm-editorial · warp · webex · webflow · wechat
第 30 组 · 模板 146–150
wired · wise · x-ai · xiaohongshu · zapier
