Codex × 网站列表布局设计 Skill

网站列表布局设计 Skill不在 Codex 的前十推荐里——Codex更擅长本地文件、数据、代码和正式交付物，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

Codex 适合在网站仓库里把列表判断继续落实到数据、组件、CSS 与检查报告。它可以读取真实目录和项目规则，先生成代表条目与文件级计划；在获得修改授权后调整组件，运行构建和测试，并把规格、差异与检查结果整理成可审阅产物。

列表问题通常同时落在字段、样式和构建产物上。Codex 可以先读取项目文件与真实数据，找出字段缺失、层级混乱、链接范围和分页需求，再把修改限制在获准文件中。成品既包括代码差异，也包括代表状态、失败项和仍需人工预览的 URL。

1. 01

   判断 List 是否适合当前内容

   读取需求、目录数据和现有页面，说明文字扫描、内容密度与 List/Grid 选择依据。

2. 02

   用真实条目确定字段与信息层级

   从项目数据选取正常、长标题、缺摘要和不同状态，结合现有组件确定标题、摘要、元数据与缩略图的实现候选。

3. 03

   设计列表密度、链接区域和响应式规则

   先给出文件级计划；获准后修改组件与样式，保留间距、分隔、整行链接、换行和手机字段取舍的真实配置。

4. 04

   检查分页、构建内容和真实页面表现

   运行项目已有构建与测试，核对 HTML、分页、断链和文件差异；可预览时检查桌面与手机，否则列出人工复核步骤。

把技能目录复制到 Codex Skills 目录，提供项目路径、目标路由、数据文件、允许修改的组件和现有检查命令。

随机抽查代表条目，确认字段、链接范围、换行和分页在每一层一致；未实际运行的检查继续标为待完成。

列表变体、字段数量、间距、字号、截断方式和断点需要结合真实内容、设备宽度与现有设计系统确定。文件扫描、组件修改、构建检查和页面预览能否执行，取决于所用 Agent 的工具配置、项目资料与操作权限。

请帮我把「网站列表布局设计 Skill」安装到 Codex。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-list-layout/1.0.0/skill-list-layout.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 Codex 的方式安装：mkdir -p ~/.codex/skills && cp -R ./skill-list-layout ~/.codex/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：让 Codex 列出可用 Skill 并复述本次要执行的步骤，再跑一个只读小任务。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-list-layout/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-list-layout.md

mkdir -p ~/.codex/skills && cp -R ./skill-list-layout ~/.codex/skills/