生成符合设计系统指南的一致、可访问的 UI 组件。确保每个组件的视觉独特性、品牌一致性和可访问性合规。

为React应用程序创建一致且响应式的样式需要了解多种CSS方法。本技能提供可直接使用的Tailwind CSS、CSS Modules和组件变体模式，可提高开发速度。

不再手动从头编写UI组件。该技能使用shadcn/ui和现代最佳实践生成可访问、响应式的UI组件和反馈表单。

创建 3D Web 内容需要理解 WebGL、着色器和 3D 图形编程。此技能使用现代 ES 模块生成完整的 Three.js 应用程序,包括场景设置、光照、材质、动画和响应式渲染。

创建具有精致美学的独特网页组件和页面。避免通用的人工智能生成视觉元素，打造令人印象深刻的高质量用户界面。

构建战斗界面的游戏开发者需要一致且架构良好的 UI 组件。此技能提供完整的实现指南,包括 TypeScript 接口、CSS Grid 布局、动画规范以及 Pattern A 战斗 UI 系统的响应式样式标记。

定义一致视觉风格对于项目凝聚力至关重要，但许多创作者难以表达其美学愿景。本技能提供了一个结构化的10步框架，用于创建涵盖色彩理论、线条处理、形状、构图、光照和技术规范的详细艺术风格指南。

从零开始创建图像需要时间和技能。此技能让您可以使用自然语言提示通过 Gemini AI 生成图像。只需描述您想要的内容,即可在几秒钟内获得专业效果。

Teams struggle to choose the right diagram type and end up with confusing models that mix structure, behavior, and interaction. This skill guides you to select the correct UML form, build semantically accurate models, and produce diagrams that communicate clearly to any audience.

为 Slack 创建 GIF 需要仔细优化以满足严格的文件大小限制。此工具包提供验证器、动画基元和优化工具,以便您可以创建能够成功上传的消息 GIF 和表情反应。

生成艺术创作需要艺术视野和技术技能。此技能帮助您使用 p5.js 创建独特且可复现的生成艺术，并提供参数控制以便探索。您可以创建流场、递归图案、粒子系统等。

运用精妙的设计理念将创意转化为令人惊叹的视觉艺术。本技能指导 AI 创建专业品质的海报和艺术品,看起来如同大师级设计师精心制作的一般。

您需要为文档或演示文稿应用一致的品牌颜色和排版。此技能提供官方 Anthropic 品牌指南,包括颜色、字体和样式规则,以确保符合品牌的视觉输出。

创建算法艺术需要生成系统、种子随机数和 p5.js 的专业知识。本技能通过算法哲学和交互式参数探索，为创作原创生成艺术提供结构化方法。

Tailwind CSS V4通过Oxide引擎和CSS优先配置引入了革命性变化。此技能提供专业指导，帮助您完成迁移、优化性能并构建现代设计系统。

平庸的界面无法吸引用户注意力，也会削弱品牌辨识度。本指南帮助AI助手创建醒目、令人印象深刻的前端设计，具备独特的美学风格、强烈的视觉层次结构，以及可用于生产环境的代码质量。

在多个应用程序中创建一致的桌面主题既复杂又耗时。Omarchy 主题提供了一个集中式的 colors.toml 配置,可以自动为所有桌面应用程序生成主题,包括终端、窗口管理器和系统工具。

AI 代理产品通常具有较长的等待时间，导致用户焦虑和流失。此技能通过浏览器自动化审计应用程序如何处理长时间运行的操作，并生成包含优先建议的综合报告。

AI生成的视觉输出经常存在布局、间距和对齐问题，这些问题很难手动发现。此技能会自动截取结果截图，分析视觉缺陷，并修复发现的问题。

构建可访问的 React 组件需要了解 ShadCN 模式和 Radix UI 原语。本技能提供使用 TailwindCSS 和 2025 年 11 月标准实现可访问模态框、表单和其他组件的最佳实践。