搜索

liquid-glass-design

230Kdesign-ui

iOS 26 液态玻璃设计系统——为 SwiftUI、UIKit 和 WidgetKit 提供具有模糊、反射和交互变形能力的动态玻璃材质。

affaan-m

design-system

106Kfrontend

令牌架构、组件规范和幻灯片生成。三层令牌（原始→语义→组件）、CSS变量、间距/排版比例、组件规范、策略性幻灯片创建。用于设计令牌、系统化设计、符合品牌规范的演示文稿。

nextlevelbuilder

design

106Kdesign-ui

综合设计技能：品牌标识、设计令牌、UI样式、Logo生成（55种风格，Gemini AI）、企业形象识别系统（50个交付物，CIP样机）、HTML演示文稿（Chart.js）、横幅设计（22种风格，社交/广告/网页/印刷）、图标设计（15种风格，SVG，Gemini 3.1 Pro）、社交照片（HTML→截图，多平台）。操作：设计Logo、创建CIP、生成样机、制作幻灯片、设计横幅、生成图标、创建社交照片、社交媒体图片、品牌标识、设计系统。平台：Facebook、Twitter、LinkedIn、YouTube、Instagram、Pinterest、TikTok、Threads、Google Ads。

nextlevelbuilder

banner-design

106Kdesign-ui

为社交媒体、广告、网站主视觉、创意素材和印刷品设计横幅。提供多种艺术指导方向，搭配AI生成的视觉元素。操作：设计、创建、生成横幅。平台：Facebook、Twitter/X、LinkedIn、YouTube、Instagram、Google Display、网站主视觉、印刷品。风格：极简、渐变、粗体排版、照片、插画、几何、复古、玻璃拟态、3D、霓虹、双色调、编辑、拼贴。使用ui-ux-pro-max、frontend-design、ai-artist、ai-multimodal技能。

nextlevelbuilder

writing-guidelines

99Kresearch-knowledge

Review docs/prose for Writing Guidelines compliance. Use when asked to "review my docs", "check writing style", "audit prose", "review docs voice and tone", or "check this page against the writing handbook".

frame-liquid-bg-hero

87Kdesign-ui

WebGL-style fluid displacement background with a quote overlay, suited to video intros, landing heroes, or posters.

deck-guizang-editorial

86Kdesign-ui

Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).

artifacts-builder

85Kfrontend

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui).

brand-guidelines

Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. A reference for shaping your own.

shadcn-ui

Build UI components with shadcn/ui. Pairs with the Stitch design loop to ship structured, accessible components quickly.

web-artifacts-builder

84Kfrontend

Build complex claude.ai HTML artifacts with React and Tailwind. Anthropic's reference workflow for shipping rich, embeddable artifacts.

swiftui-design

SwiftUI 前端设计 skill — anti AI-slop rules, design direction advisor, brand asset protocol, and five-dimension review. Works with Claude Code, Cursor, Codex, and OpenCode.

ui-skills

一套带有明确主张且持续演进的 UI 约束规范，用于在 Agent 构建界面时提供指导。非常适合在开发众多 UI 小部件时保持输出结果的一致性。

web-design-guidelines

82Kdesign-ui

审查 UI 代码是否符合 Vercel 工程团队制定的 Web 界面指南。涵盖产品 UI 的布局、排版、色彩、动效和可访问性。

ui-ux-pro-max

80Kdesign-ui

仅目录的 UI/UX Pro Max 条目。完整的上游模板、数据和搜索工作流未包含在 Open Design 中。

web-design-guidelines

63Kdesign-ui

Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".

calesthio

web-design-guidelines

47Ktesting-qa

Review files for compliance with Web Interface Guidelines.

stitch-ui-design

47Kdesign-ui

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs. This skill helps create precise, actionable prompts that generate high-quality UI designs for web and mobile applications.

radix-ui-design-system

46Kfrontend

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

ui-ux-designer

45Kdesign-ui

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools.

ui-ux-designer

44Kdesign-ui

创建界面设计、线框图和设计系统。精通用户研究、无障碍标准和现代设计工具。

penpot-uiux-design

36Kdesign-ui

使用 MCP 工具在 Penpot 中创建专业 UI/UX 设计的综合指南。适用场景：(1) 为 Web、移动或桌面应用创建新的 UI/UX 设计；(2) 使用组件和设计令牌构建设计系统；(3) 设计仪表盘、表单、导航或落地页；(4) 应用无障碍标准和最佳实践；(5) 遵循平台指南（iOS、Android、Material Design）；(6) 审查或改进现有 Penpot 设计的可用性。触发词：“设计 UI”、“创建界面”、“构建布局”、“设计仪表盘”、“创建表单”、“设计落地页”、“使其无障碍”、“设计系统”、“组件库”。

github

web-design-guidelines

28Kdesign-ui

审查UI代码是否符合Web界面指南。当用户要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查用户体验”或“对照最佳实践检查我的网站”时使用。

vercel-labs