Curatorial Prototype Standardization

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

wuyaojunkylin 50511f6 2.1 KB Updated

File contents

原型实现与标准单元扩展

概述

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

前置条件

编码或扩展之前,确认:

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

如果这些条件缺失,应回到 curatorial-narrative-modulescuratorial-visual-language

实现流程

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

标准单元

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

输出

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

参考范式

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

wuyaojunkylin/research-digital-curation-skills/tree/main/curatorial-prototype-standardization commit 50511f6d5f

Frequently asked questions

npx skillmds@latest add wuyaojunkylin/curatorial-prototype-standardization