用途:在视觉设计开始前定义产品或站点的结构骨架,位于设计简报与开发构建之间。建议在简报写完后、创建任务前运行。
主要能力:梳理导航模型(主导航、次级导航、工具导航、移动端导航)、内容层级、页面结构、URL 策略、命名规范、组件复用映射、内容增长计划与关键用户流程。
使用方式:先查找 .design/*/DESIGN_BRIEF.md;若存在多个子文件夹,取最近修改的一个或询问用户正在做的功能;若无简报,则询问用户在构建什么、面向谁。随后探索现有代码库,了解已有结构,包括路由(Next.js app/ 或 pages/、React Router、Vue Router、SvelteKit routes、静态 HTML)、导航组件(header、sidebar、navbar、breadcrumb、footer)、布局组件、页面目录、URL 模式、CMS 或数据层。若已有结构,应在其基础上扩展改进,而非另起新架构。接着就结构决策访谈用户,每个问题给出推荐答案,至少覆盖:用户最常查找或执行的事项及频率排序、可接受的导航深度、会增长与固定的内容、不同用户类型的入口、用户 80% 时间停留的页面。达成共识后,按模板生成 IA 文档并保存为 INFORMATION_ARCHITECTURE.md,放在与设计简报相同的 .design/<feature-slug>/ 子文件夹。
文档模板包含:站点地图(层级与 URL 模式)、导航模型、内容层级、用户流程、命名规范、组件复用映射、内容增长计划、URL 策略。
适用场景:应用或站点构建前的结构规划、导航与页面结构梳理、文档站点内容组织、引导体验等用户流程定义。
限制:资料未提供具体收费、价格、平台支持范围或效果保证;实际执行依赖现有代码库与设计简报,缺失时需向用户询问。