在没有标准化设计基础的情况下，跨应用程序创建一致、可访问的用户界面是一项挑战。本技能提供设计令牌结构、组件模式和可访问性指南，用于构建可扩展的设计系统，确保视觉一致性和 WCAG 合规性。

将您的 Web UI 与 Vercel 的官方可访问性和设计指南进行对比。获得关于语义 HTML、焦点状态、表单、动画、排版、图像等的即时反馈。

许多AI生成的界面看起来千篇一律，缺乏创意特色。本指南帮助Claude Code创建具有卓越美学品质、独特视觉识别性和深思熟虑的设计决策的生产级网页界面，避免常见的AI模式。

在文档中保持一致的品牌标识既耗时又容易出错。此技能提供对企业品牌标准的即时访问,包括调色板、排版、格式规则和验证工具,以确保所有文档符合专业品牌指南。

手动创建 Grasshopper 定义既耗时又重复。此技能使 AI 助手能够通过 MCP 协议以编程方式创建组件、建立连接并执行完整的参数化建模工作流，将设计规范自动转换为可工作的 Grasshopper 定义。

将原始用户访谈数据转化为可操作的用户画像。在几分钟而非几小时内创建基于数据支撑的用户档案,包含目标、痛点、行为和设计启示。

手动创建一致的设计令牌既耗时又容易出错。此工具可根据单个品牌颜色输入生成完整的颜色系统，包括调色板、字体排版、间距网格和组件样式。

将创意转化为使用代码创作的精美生成艺术。该技能可创建具有种子随机性的原创算法艺术作品，确保结果可复现，并提供交互式参数控制以实现无限探索。

通用的人工智能输出会产生平淡、缺乏创意的网页设计。这个技能指导Claude坚持大胆的美学方向，并利用有意的创意选择，提供生产级的、令人印象深刻的前端代码。

构建独特的网络界面，从通用的AI生成美学中脱颖而出。通过精心关注排版、动效和空间构图，创建令人难忘、视觉冲击的组件。

用户界面/用户体验设计项目通常缺乏一致的标准和清晰的流程，导致用户体验碎片化且存在可访问性缺口。本技能提供全面的操作规程和检查清单，以简化设计工作流程、确保一致性，并在所有项目中维护可访问性合规性。

构建生产级 Web 界面通常会产生平庸、缺乏特色的设计。此技能有助于创建令人难忘、富有创意的 Web 前端设计，包括大胆的美学风格、深思熟虑的排版和精致的细节，使其区别于通用的设计模式。

构建可访问的故事讲述者和故事卡片，包含正确的数据映射、文化指标和AI增强功能。此技能为土著故事讲述平台提供设计系统模式和组件指南。

团队需要清晰的设计规则来构建一致的界面。此技能提供完整的设计系统，包含排版、颜色、组件和动画，适用于现代深色主题应用。

手动管理应用程序主题需要查找主题 URL 并运行 CLI 命令。此技能提供预配置主题和安装命令的精选列表，使主题安装快速且无错误。

手动构建UI组件需要大量时间。此技能利用Shadcn MCP和21st.dev MCP快速生成按钮、对话框和复杂的着陆页部分。

从零开始构建营销页面需要花费大量时间。此技能按页面类型提供精选的预构建 Tailark 组件推荐,帮助您在几分钟内组装出专业的落地页。

创建标志需要设计技能和昂贵的软件。此技能使用 AI 根据文本提示生成自定义标志，并自动移除背景，实现透明、专业的效果。

为网站创建视觉素材需要时间和设计技能。此技能使用FLUX 1.1 Pro AI生成英雄区、功能图像和UI图形，并自动增强。图像优化为WebP格式并直接保存到您的项目中。

无需再搜索图库照片。使用AI图像生成即时创建独特的品牌视觉形象。此技能集成DALL-E 3，根据您的精确规格生成高质量素材。