用途:把产品需求(PRD、工单或功能描述)转化为结构化的 Figma 设计简报,让设计师拿到后能直接开工。技能名称 figma-design-brief,来源为 mohitagw15856/pm-claude-skills。
必要输入:功能或需求、用户目标、平台(iOS/Android/Web/响应式/全部)、可复用的现有组件(可选)、设计交付时间。
输出结构包含:简报头部(功能、PM、设计师、平台、设计截止、开发交接日期);设计内容与原因(目标、背景、成功标准);用户流程(入口、步骤、出口、空态/错误态/加载态等边界情况);所需界面表(新建或更新、要点);所需组件表(是否已在组件库、使用/创建/扩展);约束与要求(必须满足、必须避免、无障碍标准与触控尺寸);待解决问题(含责任人)。并附质量检查与反模式提示:简报应描述问题与约束,而非设计答案;不可省略成功标准与可复用组件;待解决问题需在设计开始前升级处理。
辅助工具:对比度无法凭肉眼判断,可用 notugly 命令计算,如 npx --yes notugly fix "#8ab4f8" "#ffffff"(返回对比度、APCA 对比度与最接近的合规颜色)、npx --yes notugly onepager <url> --out review.html、npx --yes notugly vision。该工具确定性、零依赖、不调用模型,运行无成本且结果稳定。若简报指定了颜色,应给出每对文字/背景的实测对比度。
适用场景:撰写设计简报、将 PRD 转为 Figma 设计简报、向设计师说明要构建什么、创建设计规格。触发语句示例包括“Write a design brief for [feature]”“Turn this PRD into a Figma design brief”等。
限制:资料未提供平台支持范围、收费或价格、与其他工具的集成方式等细节。