对话生成应用。

Anthropic 官方示例 Skill，把 Anthropic 品牌色（#141413、#faf9f5、#d97757）和 Poppins/Lora 字体规范应用到幻灯片、文档等产出物。

Anthropic 官方 Skill,用于创建具有高设计质量的独特的、生产级前端界面,适用于 Web 组件、页面和应用程序。

Anthropic 官方工具包,用于使用 10 个预设专业主题或即时生成自定义主题来为幻灯片、文档和 HTML 设置样式。

**Web Artifacts Builder Skill** 是 Anthropic 官方发布的 [Claude Skills](/items/dev-tools/claude-skills) 之一,旨在使用现代前端 Web 技术为 claude.ai 创建精细的、多组件的 HTML 制品。此 Skill 提供了完整工作流程，用于构建需要状态管理、路由或 shadcn/ui 组件的复杂制品。

Anthropic 官方工具包,用于使用 Playwright 与本地 Web 应用程序交互和测试,用于前端功能验证和调试。

Superpowers 的头脑风暴 Skill：编码前先让智能体厘清意图，按探索、小改动、架构级三种路径给出设计，并在你批准后才开始实现。

使用 HTML/CSS 创建可导出为 PDF 或 PowerPoint 的研究海报 - 现代化基于网页的海报设计与响应式布局。

UI 设计 Skill 集合,提供 UI/UX 设计最佳实践、组件库和设计系统指南,帮助 AI 生成专业的界面设计。UI Skills 收录于 skills，可对比功能、定价与替代方案。

Anthropic 示例技能。

Anthropic 示例技能。

Google Labs 基于 Gemini 的 AI UI 设计工具，生成应用界面并导出智能体可读的 DESIGN.md 设计系统文件。

开源桌面画布：让编码 Agent 把流程图、语义 diff 和决策日志画在代码旁边，你终于能看清 Agent 到底改了什么、为什么这么改。

MCP for Blender 通过 Model Context Protocol 把 Blender 接入任意大模型，让智能体用一句话完成建模、材质与渲染操作。

Apple Design 是 emilkowalski/skills 里的 MIT 技能，把 WWDC 流体界面演讲翻译成 Web 动效、弹簧和材质规则。

Awesome Claude Design 是 MIT 的 DESIGN.md、混搭配方与技能目录，面向 Anthropic Labs 的 Claude Design。

Bang Motion 是 MIT 智能体技能，把 Claude Code、Codex 或 Cursor 变成动态设计师，交付一份 HTML 文件。

consulting-pptx-skill 是 MIT 的 Claude Code 技能，用幻灯片规约、62 个 HTML 零件和机械检查做董事会级甲板。

Ryan Brown 开发的 MIT 开源 Claude Code Skill：生成 reveal.js HTML 演示文稿，用 Playwright 检查内容溢出，并用 DeckTape 导出 PDF 和逐页截图。