---
name: visual-board
description: "灵感看板 (Networked Visual Board) style skill for AI website building."
---

# 灵感看板 (Networked Visual Board)

## 适用场景 / Use When

灵感库 / 研究地图 / 案例收集站 / 设计参考网络

## 适合做 / Best For

- 灵感库
- 研究地图
- 案例收集

## 不适合做 / Not For

- 单一品牌首页
- 高转化落地页
- 严格流程工具

## 长这样 / Visual Traits

- 关系感强
- 卡片可延展
- 标签驱动
- 收藏与下钻并存

## 配色系统 / Color System

- 中性底色更稳
- 颜色用于分组或状态
- 不要靠大量装饰色制造‘灵感感’

## 排版系统 / Typography

- 卡片标题和标签必须易扫
- 元数据密度允许更高
- 短描述比长段落更有效

## 版式规则 / Layout Rules

- 支持收藏、关联、回访
- 卡片、标签、关系同时存在
- 从一张图可以走到一串相关内容

## 图片处理 / Image Treatment

- 缩略图既要能代表内容，也要能在群组里协同工作
- 不要同页大量重复
- 允许局部更像看板而不是统一宣传图

## 动效节奏 / Motion

- hover 只做轻量反馈
- 重点是路径切换和关联探索
- 不要把看板做成舞台演出

## 推荐结构 / Recommended Structures

- 关系网络型 / Network Graph / Cluster
- 目录索引型 / Catalog Explorer

## 历史来源 / Historical Roots

- 达达主义 / Dada
- 后现代 / 孟菲斯 / Postmodern / Memphis
- 瑞士风格 / Swiss Style

## 参考网站 / Reference Sites

- Are.na: https://www.are.na/
- Behance: https://www.behance.net/
- SiteInspire: https://www.siteinspire.com/

## 注意避坑 / Avoid

- 单一 hero 叙事
- 没有标签和关联关系
- 全站都像随机瀑布流

## Prompt DNA

```text
请参考灵感看板（Networked Visual Board）风格建站：
视觉特征：关系感强 / 卡片可延展 / 标签驱动 / 收藏与下钻并存
适合场景：灵感库 / 研究地图 / 案例收集
不适合：单一品牌首页 / 高转化落地页 / 严格流程工具
推荐页面组织：关系网络型 / Network Graph / Cluster / 目录索引型 / Catalog Explorer
历史来源：达达主义 / Dada / 后现代 / 孟菲斯 / Postmodern / Memphis / 瑞士风格 / Swiss Style
参考网站：Are.na: https://www.are.na/ / Behance: https://www.behance.net/ / SiteInspire: https://www.siteinspire.com/
配色系统：中性底色更稳 / 颜色用于分组或状态 / 不要靠大量装饰色制造‘灵感感’
排版系统：卡片标题和标签必须易扫 / 元数据密度允许更高 / 短描述比长段落更有效
版式规则：支持收藏、关联、回访 / 卡片、标签、关系同时存在 / 从一张图可以走到一串相关内容
图片处理：缩略图既要能代表内容，也要能在群组里协同工作 / 不要同页大量重复 / 允许局部更像看板而不是统一宣传图
风格要求：Use a networked visual board family: a living card field, tag-driven paths, cross-links between references, and a layout that supports collecting, comparing, and revisiting rather than just presenting one hero story.
```