此技能使 Claude 和 Claude Code 能够使用 p5.js 生成画廊级别的算法艺术，采用种子随机性以确保结果可重现，并支持交互式参数探索。

Manual Figma tasks consume hours of repetitive work. This skill automates file extraction, component management, and asset export through Rube MCP integration.

Low-resolution media limits professional use. This skill enhances image and video quality using fal.ai's AI upscaling models.

Creative workflows require fast, high-quality visual content generation. This skill enables seamless integration of fal.ai models to transform text prompts into images and videos.

创建专业的UI/UX设计需要深入了解无障碍性、色彩理论、排版和特定技术栈的模式。本技能提供了一个可搜索的数据库，包含50多种设计风格、配色方案、字体搭配和实施指南，帮助您更快地构建精美的界面。

使用精选设计主题将普通文档和演示文稿转化为视觉精美的作品。从10个预建主题中选择，或创建与您的品牌标识匹配的自定义样式。

用户常常为缺乏视觉个性的通用 AI 生成 frontend 代码而苦恼。本技能提供设计思维指导和美学原则，帮助创建具有独特、令人印象深刻的视觉识别的生产级界面。

运用设计哲学原则生成 PNG 和 PDF 格式的专业视觉艺术作品。以精湛的工艺创作原创艺术品，避免版权问题。

在所有 AI 生成内容中保持一致的视觉识别。此技能自动应用 Anthropic 的官方品牌颜色和排版。

使用 p5.js 创建独特的生成艺术，采用种子随机性以实现可重复的结果。构建交互式艺术，用户可通过参数控制和种子导航进行探索。

AI生成的通用前端代码往往看起来平淡无奇。本技能指导创建独特的、生产级别的网页界面，采用大胆的设计选择和对视觉细节的精心关注。

UI评审往往会演变成主观意见的争论。本技能提供了一个系统化的三维框架，使设计反馈基于行业权威的循证原则。

为课程创建专业图表需要数小时的设计工作。此技能提供结构化的工作流程，通过浏览器自动化和六重质量门控，使用 Gemini 3 生成教学视觉素材。

构建网页界面往往会得到平庸、可预测的设计。本技能指导AI助手创建大胆、生产的独特美学前端代码，包括创意排版和精心制作的动画，使其从标准模式中脱颖而出。

创建一致、专业的视觉设计需要时间和设计专业知识。此技能提供10种精选的颜色和字体主题，可即时应用于幻灯片、文档、报告和网页。还可以根据您的要求生成自定义主题。

AI生成的前端代码通常千篇一律，缺乏创意特色。本技能指导创建独特、令人难忘的界面，包括大胆的美学选择、规范的排版、统一的色彩主题和精致的视觉细节。

用户难以创作原创的、具有博物馆品质的视觉设计，这类设计需要深厚的排版知识和设计专业知识。本技能使用精选字体和设计理念原则生成复杂的视觉艺术，输出原创的PNG和PDF格式文件。

您需要为文档和演示文稿保持一致的品牌样式。此技能提供Anthropic官方品牌色彩和排版指南，以应用专业的视觉形象。

需要将样式化的DOM元素捕获为图片吗？SnapDOM提供快速、准确的DOM转图片转换，支持SVG、PNG、JPG和WebP格式，同时保留字体、伪元素和CSS效果。

此技能可帮助您构建具有醒目、独特美学效果的生产级Web界面。它指导您在排版、颜色、动效和空间构成方面做出创意选择，避免生成通用的人工智能设计。