不一致的 CSS 会让界面难以主题化、维护和审计。此 skill 引导 Claude、Codex 和 Claude Code 使用结构化的 shadcn 风格模式。

许多可正常运行的 Web App 在桌面端和移动端仍然显得不够均衡。这个技能为智能体提供一套迭代式打磨工作流，用于优化布局、状态和响应式细节。

Mobile app concepts often lack a coherent visual direction and implementation-ready details. This skill generates, reviews, and translates Sleek screens into working interfaces.

使用多种工具创建和分发媒体需要投入时间并进行协调。此技能为使用 Wonda CLI 完成生成、编辑、调研、发布和自动化工作流提供指导。

UX 团队往往难以将混杂的行为数据和访谈数据转化为聚焦的用户画像。此技能可识别模式、创建用户原型，并将研究发现与设计启示相关联。

颜色和字体不一致会让演示文稿和文档显得未完成。此技能可应用精选主题，或创建自定义主题以实现一致的样式。

Slack GIF 经常超出文件大小或尺寸限制。此技能可为 Slack 消息和自定义表情符号构建、优化并验证动画 GIF。

科研海报在 LaTeX 中很难排版，也很难为印刷进行校对。此技能提供模板、布局指导和 PDF 检查，帮助制作符合会议要求的海报。

无障碍性缺口可能阻碍用户并带来合规风险。此技能指导 WCAG 审计、ARIA 修复、键盘测试和包容性设计评审。

前端团队需要在 Guessimate UI 中保持一致的 Angular 组件结构和视觉样式。此技能为组件、状态、Tailwind CSS 使用方式、颜色、卡片和排版提供实用标准。

团队经常需要从现有图像快速生成 3D 资产，而不必配置模型提供商或本地运行时。此技能指导代理使用 Image Skill 命令进行托管的图像转 3D 生成、收据、恢复和反馈。

智能体通常需要媒体资产，但不想管理提供商账户或计费。Image Skill 为 Claude、Codex 和 Claude Code 提供一个托管 CLI，用于资产、收据和恢复。

智能体需要可靠的图像生成能力，而无需本地设置或提供商密钥。此技能会引导 Claude、Codex 和 Claude Code 使用托管的 Image Skill CLI 与 API 工作流。

创意团队需要一个用于生成图像、编辑、视频、音频和 3D 资产的统一工作流。此技能会通过 Image Skill 命令引导代理，这些命令会返回托管媒体 URL、任务恢复数据和成本明细。

创意团队需要快速制作音频草稿，而不必管理提供商账号或本地模型。此技能指导 Claude、Codex 和 Claude Code 创建带有可恢复作业和费用收据的托管音频。

通用仪表盘会让产品显得可互换，也更难快速浏览。此技能指导 Claude、Codex 和 Claude Code 设计具有清晰系统的聚焦型产品界面。

CLI 工具常常失败，是因为命令、帮助和错误信息让人感觉不一致。此技能可指导命令结构、提示、输出和发布检查。

团队常在发布前遗漏可用性问题。此技能可指导结构化 UX 审计，并提供评分、关键问题和优先级建议。

团队从内部视角评审功能时，可能会漏掉可用性问题。此技能使用 Aftrac 和 Sirius 客户视角来指导基于画像的测试。

团队需要清晰了解用户如何在服务中流转。此技能会创建结构化旅程图，揭示操作、情绪、痛点和机会。