自适应展示网站生成器

解决什么问题

多数展示型页面（作品集、案例、产品页、活动页）的生成习惯是先画布局、再填内容，结果就是同一套 Hero 加卡片网格被反复套用。adaptive-showcase-site-builder 把顺序反过来：先判定这个页面属于哪一种展示格式，再决定结构、视觉调性、动效与交付物。它不是固定模板，而是一套先路由、后编排的工作流。

核心能力

• Format Router：用五个路由问题判断展示对象、主目标动作、现有素材、首屏职责、内容主导类型，然后锁定一种主页面格式，再决定是否补充次要模块。
• 格式覆盖：Portfolio、Case Study、Product Showcase、SaaS Landing、Agency/Studio、Ecommerce、Real Estate/Venue、Exhibition/Event、Developer/Infrastructure、Web3/Finance、Wellness/Healthcare、App/Tool、Waitlist、Interactive Story、Background/Visual System、Utility/404，每种格式给出适用条件、核心区块与动效和图标的匹配建议。
• 输出契约：按需返回格式推荐及理由、页面结构与内容层级、首屏策略、视觉方向与文案语气、动效与悬停交互方案、静态文件或框架实现，以及覆盖响应式、可读性、媒体加载、交互清晰度和设计非模板化的 QA 说明。
• 素材兜底：素材稀缺时用排版、色块、图示、证据表格和交互状态替代假素材图；素材充足时首屏直接展示真实产品、人物、地点或视觉系统。

关键步骤

1. 识别展示对象与目标动作（打动、解释、转化、收集注册、招聘、发布、演示等）。
2. 在设计任何区块之前先选定主页面格式。
3. 只有次要模块确实支持主格式时才追加。
4. 定义首屏策略：情绪、价值、证据、产品状态、界面、视觉系统或转化。
5. 基于主题、品牌与素材确定视觉调性，再加入少量有用的动效与悬停交互。
6. 格式、内容层级、交互方案都清晰之后，才开始产出文件或实现说明，并在判定完成前跑一遍质量门禁。

适用边界与注意点

• 动效原则是少而准：一个页面选一种主动效模块（Text Reveal、Scroll Narrative、Before/After Scrub、Layer Reveal、Diagram Build、Magnetic CTA 等），移动端交互要比桌面更简单，且关键内容必须有静态兜底。
• 明确禁止默认紫蓝渐变、发光球体、随机粒子、过度毛玻璃，以及没有证据支撑的 "AI-powered"、"next-generation" 式空话——这些是典型 AI 生成页面的痕迹。
• 文件输出只负责分组目录并保持用户原始素材不被修改，部署与线上运维不在范围内。
• 若你引用了 MotionSites 这类付费展示库，只能当作质量和类别参考，不要复制其内容、素材、提示词、布局或专有示例。
• 用户只给粗略想法时，技能会先推断一个强版本并说明假设，只追问那些会改变格式、受众、CTA、素材策略或实现目标的关键缺失信息。