# 今天织什么 · 棉线日记灵感台

> 活页公开模板 `sample-knit-moodboard` · 场景: 小工具 · 轻应用 · 行业: 自媒体营销 / 个人家庭
> 任何人、任何 Agent 都可以读、照着改，不需要账号。示例内容均为虚构。
> 真页面: https://space.24haowan.com/s/EXJFfcx6ASfA · 详情: https://space.24haowan.com/examples/sample-knit-moodboard

## 这是什么

编织灵感台 · 每天抽三套灵感给粉丝投票

## 什么时候用

做手作、穿搭、配色类内容的博主，想要一个每天打开就有新灵感、能转发给粉丝投票的小工具时选它；同一天打开结果一样，适合发群里一起选。只是要一份固定的作品集或产品目录，别选它；要报名收人选 sample-event-signup。

## 用户对助手说的原话

帮我做一个编织博主每天用的灵感台网页：页头是博主名和今天的日期；首屏并排三张灵感板，按今天的日期抽出来（同一天打开都一样，有个「再抽一次」按钮，翻牌动效重摇），每张板写主题名、一块用 SVG 画出来的针织纹理样片、版型（配小图标）、纹样、针法、五个带色名和 HEX 的色块，以及一段能一键复制的出图提示词；每张板底下一个「就织这套」投票按钮，票存到一张数据表里并显示今天各套的票数，投完出一张适合截图的「今日我选」卡片。下面是本季色卡和三组穿搭配色、本周选题清单；侧栏是可按难度和类别筛选的针法库（每种针法一个示意图和一句要点）和一个编织热款排行（标明示例数据）。手机上三张板左右滑动，电脑上三张并排加侧栏。

如果你还没有活页连接器（MCP），先读 https://space.24haowan.com/for-agents.md ，照里面的说明接入，或不登录直接发布。

## 照着做一份

1. 读入口文件 https://space.24haowan.com/examples/sample-knit-moodboard/source/index.html（它引用的其他文件见下方列表）。
2. 保留结构、版式和交互，把内容**全部**换成用户自己的；模板里的公司、人名、数字都是虚构的，一样都别留。
3. 交付一个自包含的单文件 HTML：样式写在页面里，不引外部字体 / 脚本 / CDN；手机 375 宽和电脑 1440 宽都要好看，模板有暗色就保留暗色。
4. 要发成微信里能打开、改了链接不变的网页：接入活页（https://space.24haowan.com/for-agents.md）后发布；没有账号也可以让用户在 https://space.24haowan.com/quick 上传这个文件。
5. 没有活页工具、但能发 HTTPS 请求：把做好的 HTML 以 Content-Type: text/html POST 到 https://space.24haowan.com/api/quick?client=template-sample-knit-moodboard ，返回预览链接、7 天分享与认领链接（登录后保留、链接不变）。

## 页面结构

- 今日三套
- 本季色卡
- 本周选题
- 针法库
- 编织热款

## 文件（公开，纯文本）

- https://space.24haowan.com/examples/sample-knit-moodboard/source/index.html（入口）

## 发成活页之后还能做的

- 按日期做种子的每日三连抽（同一天同一结果，可本机重摇）
- 读者投票写回数据表并读回今天各套票数（原生表单 POST ./_data/picks）
- 一键复制的出图提示词与值得截图的「今日我选」结果卡

## 发之前要备好

- 数据表 picks（列 date / board / silhouette / theme / palette，append_open=true）：每张灵感板底下的「就织这套」写进这里，页面读回当天各套的票数

## 模板说明（README）

手作博主每天打开的灵感小工具：按今天的日期抽出三套编织 moodboard，粉丝投票选今天织哪套。博主「棉线日记 · 阿棉」与页面里的数字均为虚构。

## 演示哪个特色

- **每日三连抽，同一天同一结果**：末尾脚本用「今天的日期」做种子确定性地抽三套（主题 + 自带色调、版型、纹样、针法、收边），同一天谁打开都一样，适合转发到群里一起选；「再抽一次」只在本机重摇（翻牌动效、支持的手机会轻震一下），「回到今天这三套」复原。
- **针织样片现画**：每套的纹理样片（麻花、费尔岛、提花格、蕾丝镂空、粗罗纹、泡泡花样、配色条纹）和版型图标都是内联 SVG 按色调现画的，没有图片、没有外链。
- **读者投票写回数据表并读回**：每张板底下「就织这套」是一张原生表单 `<form method="post" action="./_data/picks">`，不跑脚本也能提交；脚本在时页内提交，就地出一张适合截图的「今日我选」卡片，并读回 `./_data/picks.json` 显示今天每套各有几票。
- **一键复制出图提示词**：每套带一段通用的出图描述（版型、主题、纹样、针法、色名 + HEX、构图），点按钮复制。
- 脚本不跑时：页面里预先排好了一份 2026-11-01 的三套，内容完整可读、可投票。

## 改哪里变成我的

| 位置 | 改什么 |
|---|---|
| 末尾 `<script>` 里的 `SIL` / `THEME` / `PAT` / `EDGE` 四个数组 | 你的版型（名字 + 一条 48×48 的 SVG 路径）、主题（名字、三个氛围词、五个色名与 HEX）、纹样（名字、对应针法）、收边方式。想接自己的版型 / 针法资料库，把资料整理成这几个数组，或者放进一张数据表用 `fetch('./_data/<表>.json')` 读进来替换数组即可（平台不直接连外部资料库） |
| `promptOf()` | 出图提示词的句式（不要写任何工具或品牌名） |
| `STITCH` 数组 | 针法库：名字、样片类型、难度、类别、一句要点；筛选按钮在 `.filt` |
| 页头 `.who` / `h1` | 博主名、栏目名 |
| 「本季色卡」`#colors` | 八个季节色和三组穿搭配色，换季时整段换 |
| 「这周值得做的选题」`#topics`、「编织热款」`#trends` | 换成你自己后台的数字与选题；排行是内联 SVG，改数字时柱长 = 指数 × 2（像素）、数值标签跟着挪，`aria-label` 同步 |
| 页面里预排的三套 | 是 2026-11-01 那天的抽签结果，给不跑脚本的读者看；改了数组后可以留着（脚本一跑就换成当天的） |
| 页脚 | 平台标志与名称 + 一句适用场景；发自己的页面时整段删掉 |
| `manifest.json` | `title` / `share.title` / `share.desc`；节增减时 `sections` 与页里的 `id` / `data-track-section` 三处同改 |

## 怎么发出去

先建投票表（列 `date` / `board` / `silhouette` / `theme` / `palette`，一次投票一行）：

```
set_data  proposal_id: <id>  table: "picks"  columns: ["date","board","silhouette","theme","palette"]  rows: []  append_open: true  revision: 0
```

单文件，用 MCP `publish_file`（`filename: "index.html"`，manifest 用本目录的 `manifest.json` 去掉 `entry`，`hold: true` 先看预览）；有终端时用 `space-cli push` 推整个目录。之后改数组、换季节色卡都发到同一个 `proposal_id`，链接不变。
投票用 `list_data_rows table=picks` 读回；想公开给粉丝转发，用 `set_visibility` 设成 `public`。本地 `space-cli serve` 会把投票写进包里的 `_data/picks.json`，试完改回 `[]`。