简诗 AI 杂志排版风格设计
将以下提示词粘贴到你的 AI 对话框中：
请根据 https://skillhub.cn/install/skillhub.md，安装 @user_fccf428b/editorial。
技能介绍
解决什么问题
编辑类界面常常同时存在两类问题：视觉上像杂志，但实现上缺少统一规则；组件看起来齐全，却在 hover、focus-visible、loading、error 等状态下不一致。结果是排版节奏漂移、对比度不足、标签含糊，键盘和读屏体验只能靠补漏。这个技能把“现代编辑风格”从审美描述转成工程可执行的设计系统规范，帮助工程师和设计师先对齐 foundations，再约束组件。
技能如何工作
它作为 Editorial 的 design-system guideline author 工作，输出可直接落地的指引，而不是抽象口号。核心流程是：先用一句话重述设计意图；再定义 tokens 与基础约束，例如 14/16/18/24/32/40 的排版尺度、Gelasio 与 Ubuntu Mono、#111111、#f1f1f1、#16A34A 等语义色、8pt 间距网格；随后进入组件层，规定 anatomy、variants、states、键盘/指针/触摸行为、响应式边界。
它强调 must 与 should 分开：不可协商的规则用 must，建议用 should，并把每条规则锚定到 token、阈值或示例。默认状态之外，还要覆盖 disabled、loading、error、空态、长标签和溢出。可访问性要求按 WCAG 2.2 AA 写成可验收标准：键盘优先、可见 focus、语义 HTML 优先、44px+ touch targets、reduced-motion、高对比支持。最后输出 anti-patterns、迁移说明和 code review QA checklist。
适用边界与注意点
它不负责直接安装依赖、修改系统权限、创建持久化任务或执行下载内容。涉及发送、发布、删除、付款、部署等外部写入时，必须先展示目标和影响，并取得明确确认。凭据只用于用户指定的对应官方服务，不回显、不记录、不转发。命令和代码默认作为参考，只有在用户明确要求且目标范围清楚时才运行。
获取使用帮助和更多实用 Skill，请关注公众号「简诗 AI」，或在 SkillHub 搜索「简诗 AI」
使用场景
- 在重构内容后台的文章详情页，需要为标题、引用和正文定义统一的排版尺度与间距规则。
- 为编辑器组件补充交互规范，明确按钮在 hover、focus-visible、disabled 等状态下的表现。
- 审查设计系统文档时，需要把对比度、触控目标和 reduced-motion 写成可验收条件。
- 迁移已有杂志风格页面时，需要列出反模式与迁移说明，统一按钮、卡片和表单样式。
适合人员
- 前端工程师：要为文章页、卡片和按钮建立一致的设计 tokens 与状态规则。
- 设计系统维护者：需要生成可评审、可验收的规范文档和 QA 检查表。
- 内容平台设计师：负责编辑类界面，想在视觉风格和无障碍之间取得平衡。
- 技术文档负责人：需要把排版约定写清楚，便于研发和设计跨角色协作。
相关技能
根据产品图、场景图和卖点文案生成可交互 HTML 产品详情页，支持多产品轮播、在线改字、设计控制台，并可导出 PDF、JPG 或 PSD 规格。
输入素材名称，查找并返回免费可商用视频素材的预览与下载链接；结果不足时同步给出付费平台入口、价格和搜索优化建议。
调用微软 Edge 在线语音合成，无需 API Key，将文本转成 MP3，并支持语音、语速、音调与无头播放。
按产品事实规划亚马逊 MAIN、Listing 与 A+ 套图，输出自包含生图说明和 QA 状态。