---
name: showcase-index
description: "甄选展示索引 (Showcase Discovery Index) style skill for AI website building."
---

# 甄选展示索引 (Showcase Discovery Index)

## 适用场景 / Use When

甄选案例站 / 奖项展示 / 灵感发现首页 / curated showcase

## 适合做 / Best For

- 甄选案例站
- 奖项展示
- 灵感发现

## 不适合做 / Not For

- 内部知识库
- 单一品牌首页
- 重操作工作台

## 长这样 / Visual Traits

- featured 入口
- 分类 chips
- 案例墙密集
- 策展口味强

## 配色系统 / Color System

- 中性骨架更衬托案例
- 重点在标签和精选位
- 不要把背景做得比作品更抢戏

## 排版系统 / Typography

- 分类 chips、精选标题和站点名要很好扫
- 更像 taste-led curation 而不是内部数据库
- 文案应短促明确

## 版式规则 / Layout Rules

- 先有 featured 或 curated picks 再有案例墙
- popular categories 要足够醒目
- 让用户快速从首页进入多条发现路径

## 图片处理 / Image Treatment

- 缩略图密度高但必须有主次
- 精选位和普通 listing 不能完全一样
- 避免首页只有均匀卡片失去入口层次

## 动效节奏 / Motion

- 切换分类和浏览节奏更重要
- 不要用复杂转场抢注意力
- 首页应该让人很快想继续点

## 推荐结构 / Recommended Structures

- 目录索引型 / Catalog Explorer
- 档案堆栈型 / Archive Stack

## 历史来源 / Historical Roots

- 新字体排印 / New Typography
- 瑞士风格 / Swiss Style
- 装饰艺术 / Art Deco

## 参考网站 / Reference Sites

- Awwwards / Websites: https://www.awwwards.com/websites/
- SiteInspire: https://www.siteinspire.com/
- SiteInspire / Listings: https://www.siteinspire.com/

## 注意避坑 / Avoid

- 做成纯内部参考库
- 只有分类没有精选入口
- 所有卡片视觉层级完全一致

## Prompt DNA

```text
请参考甄选展示索引（Showcase Discovery Index）风格建站：
视觉特征：featured 入口 / 分类 chips / 案例墙密集 / 策展口味强
适合场景：甄选案例站 / 奖项展示 / 灵感发现
不适合：内部知识库 / 单一品牌首页 / 重操作工作台
推荐页面组织：目录索引型 / Catalog Explorer / 档案堆栈型 / Archive Stack
历史来源：新字体排印 / New Typography / 瑞士风格 / Swiss Style / 装饰艺术 / Art Deco
参考网站：Awwwards / Websites: https://www.awwwards.com/websites/ / SiteInspire: https://www.siteinspire.com/ / SiteInspire / Listings: https://www.siteinspire.com/
配色系统：中性骨架更衬托案例 / 重点在标签和精选位 / 不要把背景做得比作品更抢戏
排版系统：分类 chips、精选标题和站点名要很好扫 / 更像 taste-led curation 而不是内部数据库 / 文案应短促明确
版式规则：先有 featured 或 curated picks 再有案例墙 / popular categories 要足够醒目 / 让用户快速从首页进入多条发现路径
图片处理：缩略图密度高但必须有主次 / 精选位和普通 listing 不能完全一样 / 避免首页只有均匀卡片失去入口层次
风格要求：Use a showcase discovery index family: editorially curated featured slots, visible popular categories, dense but premium browsing, and a front page that signals taste first, then helps users discover more through filters and showcases.
```