开发者凭肉眼转换 Pencil 设计时，往往会丢失细节。此技能会指导 Claude、Codex 和 Claude Code 完成精确提取、实现和视觉检查。

当 ID、handle、状态所有权或视口行为出现偏移时，React Flow 画布可能会出问题。此技能指导 Claude、Codex 和 Claude Code 完成实用的 @xyflow/react v12 审查检查。

产品团队经常在成功状态中堆叠过多内容，却没有明确的下一步。此技能会在有意义的结果出现后，将用户意图转化为范围明确、优先级清晰的 UI 操作。

设计交接常常会破坏架构、tokens 和可访问性。此 skill 指导 Claude、Codex 和 Claude Code 将选定的 Figma 或 Pencil 画面转换为分层的 Tailwind 代码。

QA 团队会花费大量时间将需求转换为一致的测试用例。Casely 可解析项目文档，学习示例格式，并导出结构化用例。

后期发现的 Web 问题可能会阻碍发布，并损害可访问性、SEO 或核心流程。此技能会在发布前指导浏览器检查、Lighthouse 解读和结构化报告。

Next.js 团队经常遗漏 favicon、PWA 和社交图片要求。此技能会审计项目，准备精确的资产规格，并按照 App Router 约定接入生成的文件。

Students often struggle to turn scattered experience into credible, role-focused resumes. This skill interviews candidates, maps evidence to job requirements, and generates validated HTML and PDF files.

空白提示词和复杂问题可能会导向可预测的想法。此技能通过类比、综合和可行性检查来构建创造性思维流程。

Recreating a successful video ad from observation is slow and inconsistent. This skill converts reference footage into an evidence-based timeline and production-ready adaptation prompt.

手动发布可能会遗漏 changelog、version 和 tag 步骤。此技能为 baoyu-skills 提供可重复的发布工作流，支持双语 changelog 和本地 git tagging。

将长内容转化为社交图片卡片既耗时又容易不一致。此技能可规划小红书风格的信息图系列，包括样式、布局、提示词和输出路径。

当页面依赖 JavaScript 或需要手动登录时，将渲染后的网页保存为可读笔记并不容易。此技能会在 Chrome 中打开页面，捕获渲染后的内容，并写入带有元数据的整洁 Markdown 文件。

将长篇内容转化为一致的视觉幻灯片组需要规划和提示词编写。此技能会创建结构化大纲、幻灯片提示词以及生成的幻灯片图像。

将富文本内容发布到 X 可能需要重复的浏览器操作和格式转换。此 skill 通过 Chrome 自动处理草稿、图片和 Markdown 文章，同时默认保持预览模式。

发布排版好的微信文章通常需要手动复制、插入图片并设置草稿。此技能通过受控的 Chrome 会话，自动从 Markdown、HTML、文本和图片创建草稿。

将 Markdown 发布为兼容 WeChat 的 HTML 可能需要仔细处理格式和内联样式。此技能可将 Markdown 文件转换为带主题的 HTML，并支持图表、数学公式、提示框和代码高亮。

将笔记或报告转化为清晰的视觉内容可能需要做出许多设计决策。此技能会分析内容、推荐布局和风格，并为 Claude、Codex 或 Claude Code 工作流准备图像提示词。

图像提示通常需要提供商设置、尺寸以及可重复使用的输出路径。此技能会运行一个基于 API 的生成器，并提供宽高比、质量和参考图像选项。

团队需要基于本地提示词快速进行 Gemini 文本和图像生成。此技能通过 Chrome cookies 运行 Gemini Web，并保存生成的图像。