# Curatorial Prototype Standardization

> 把研究型数字策展、线上展览、digital exhibition 中已确认的策展文本、页面结构和视觉语言实现为可测试原型与标准单元，并扩展到同类页面。用于用户需要 frontend implementation、prototype、component structure、content fields、responsive behavior 或标准页扩展时。

- Skill: `wuyaojunkylin/curatorial-prototype-standardization` (Agent Skill)
- Install (CLI): `npx skillmds@latest add wuyaojunkylin/curatorial-prototype-standardization`
- Raw SKILL.md: https://api.skillmd.com/api/skills/wuyaojunkylin/curatorial-prototype-standardization/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: wuyaojunkylin (https://skillmd.com/u/wuyaojunkylin)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/wuyaojunkylin/curatorial-prototype-standardization

---


# 原型实现与标准单元扩展

## 概述

在结构和视觉语言稳定之后使用这个 skill。先做一个完整的标准单元，验证它能承载内容和交互，再扩展到同类单元。

## 前置条件

编码或扩展之前，确认：

- 页面或单元角色已经明确。
- 内容字段已经可用，或可以从策展文本中稳定提取。
- 导航和交互层级已经定义。
- 视觉语言和材料处理规则已经存在。
- 被选为标准单元的内容足够成熟，能测试整个系统。

如果这些条件缺失，应回到 `curatorial-narrative-modules` 或 `curatorial-visual-language`。

## 实现流程

1. 检查现有前端工程栈和代码风格。
2. 为标准单元定义结构化内容字段。
3. 围绕页面角色和模块字段构建或重构组件。
4. 实现与策展结构对应的交互状态。
5. 先测试内容最丰富的标准单元。
6. 通过替换数据和校准差异扩展到同类单元。
7. 检查桌面端和移动端的阅读顺序、文字溢出、导航和材料渲染。

## 标准单元

标准单元可以是专题页、案例页、物件页、地点页、时间单元页、档案条目页、访谈页或分析节点。它不一定是传统意义上的标准页面，关键是它代表一种可重复的内容结构。

## 输出

输出可运行的代码修改、组件和数据结构说明，以及验证结果。如果实现时暴露结构缺口，应记录缺口，而不是用 CSS 或一次性代码掩盖。

## 参考范式

《汴京十二时辰》使用一个内容最成熟的高光单元校准同组页面。未来项目可以使用其他重复单元：展品、路线、访谈、文档、地点、案例或片段。