模板市场 (Template Market Library)

更偏模板库、starter kit 和资源市场的浏览形态,既有高密度索引,也有明确的转化入口,但不该退化成普通 SaaS 落地页。

模板库Prompt 库Starter Kit

真实网站参考 / Real References

先看这些真实网站 / Open these real sites first

长这样 / Looks Like

  • 分类清楚
  • 卡片可转化
  • 列表密度高
  • 浏览与购买并存

适合做 / Good For

  • 模板库
  • Prompt 库
  • Starter Kit

不适合做 / Not For

  • 纯品牌故事页
  • 长文特稿
  • 沉浸式发布页

Skill 包含什么 / What The Skill Controls

截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet

配色系统 / Color System

  • 保持中性骨架
  • 重点用在分类和 CTA
  • 不要让背景色抢走卡片信息

排版系统 / Typography

  • 标题短而准
  • 分类标签清楚
  • 价格、下载、用途这些元数据要很好扫

版式规则 / Layout Rules

  • 首页就是筛选和比较入口
  • 转化动作要近
  • 列表和详情必须分层清楚

图片处理 / Image Treatment

  • 缩略图比例统一
  • 一眼能看出模板类型
  • 避免重复图导致目录失真

交互节奏 / Motion

  • 筛选和视图切换反馈要稳
  • 避免花哨转场
  • 浏览效率高于戏剧性

AI Prompt / AI Prompt

复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude

请参考模板市场(Template Market Library)风格建站: 视觉特征:分类清楚 / 卡片可转化 / 列表密度高 / 浏览与购买并存 适合场景:模板库 / Prompt 库 / Starter Kit 不适合:纯品牌故事页 / 长文特稿 / 沉浸式发布页 推荐页面组织:目录索引型 / Catalog Explorer / 工作台型 / Workbench / Tool Shell 历史来源:包豪斯 / Bauhaus / 瑞士风格 / Swiss Style 参考网站:Notion Templates: https://www.notion.com/templates / Awwwards / Websites: https://www.awwwards.com/websites/ / SiteInspire: https://www.siteinspire.com/ 配色系统:保持中性骨架 / 重点用在分类和 CTA / 不要让背景色抢走卡片信息 排版系统:标题短而准 / 分类标签清楚 / 价格、下载、用途这些元数据要很好扫 版式规则:首页就是筛选和比较入口 / 转化动作要近 / 列表和详情必须分层清楚 图片处理:缩略图比例统一 / 一眼能看出模板类型 / 避免重复图导致目录失真 风格要求:Use a template market library family: screenshot-led cards, obvious category filters, clear conversion actions, and a browse-to-detail rhythm that helps users compare, decide, and take the asset quickly.
历史来源 / Historical Roots

这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.

1919-1933

包豪斯 (Bauhaus)

功能、工业和几何秩序优先。它把形式服从用途这件事系统化。

1950s-1970s

瑞士风格 (Swiss Style)

网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。