AI Skills

搜索

搜索结果

614 results for "design ui"

liquid-glass-design

liquid-glass-design

239Kdesign-ui

iOS 26 Liquid Glass design system — dynamic glass material with blur, reflection, and interactive morphing for SwiftUI, UIKit, and WidgetKit.

affaan-m avataraffaan-m
获取
liquid-glass-design

liquid-glass-design

230Kdesign-ui

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

affaan-m avataraffaan-m
获取
design-system

design-system

106Kfrontend

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

nextlevelbuilder avatarnextlevelbuilder
获取
design

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 avatarnextlevelbuilder
获取
banner-design

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 avatarnextlevelbuilder
获取
frame-liquid-bg-hero

frame-liquid-bg-hero

87Kdesign-ui

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

nexu-io avatarnexu-io
获取
deck-guizang-editorial

deck-guizang-editorial

86Kdesign-ui

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

nexu-io avatarnexu-io
获取
artifacts-builder

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).

nexu-io avatarnexu-io
获取
brand-guidelines

brand-guidelines

84Kagent-workflows

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

nexu-io avatarnexu-io
获取
shadcn-ui

shadcn-ui

84Kagent-workflows

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

nexu-io avatarnexu-io
获取
web-artifacts-builder

web-artifacts-builder

84Kfrontend

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

nexu-io avatarnexu-io
获取
swiftui-design

swiftui-design

84Kagent-workflows

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

nexu-io avatarnexu-io
获取
ui-skills

ui-skills

84Kagent-workflows

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

nexu-io avatarnexu-io
获取
web-design-guidelines

web-design-guidelines

82Kdesign-ui

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

nexu-io avatarnexu-io
获取
ui-ux-pro-max

ui-ux-pro-max

80Kdesign-ui

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

nexu-io avatarnexu-io
获取
radix-ui-design-system

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.

sickn33 avatarsickn33
获取
ui-ux-designer

ui-ux-designer

45Kdesign-ui

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

sickn33 avatarsickn33
获取
ui-ux-designer

ui-ux-designer

44Kdesign-ui

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

sickn33 avatarsickn33
获取
penpot-uiux-design

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 avatargithub
获取
web-design-guidelines

web-design-guidelines

28Kdesign-ui

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

vercel-labs avatarvercel-labs
获取
create-design-md

create-design-md

7.7Kdesign-ui

Create or update a DESIGN.md from an existing product repository or public website. Use when asked to document an interface's design language, reconstruct its visual system, extract design tokens and guidance from current evidence, or give coding agents persistent UI context. Do not modify product source or promote accidental implementation patterns into design decisions.

ibelick avataribelick
获取
web-design-guidelines

web-design-guidelines

5.4Kdesign-ui

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

antfu avatarantfu
获取
figma-generate-design

figma-generate-design

1.8Kdesign-ui

当任务涉及将应用页面、视图或多板块布局转换为 Figma 时，请将本 Skill 与 figma-use 配合使用。触发词包括：“写入 Figma”、“从代码生成 Figma”、“将页面推送到 Figma”、“把这个应用/页面放到 Figma 里构建”、“创建屏幕页面”、“在 Figma 中构建落地页”、“更新 Figma 页面以匹配代码”、“将此弹窗/对话框/抽屉/面板转换为 Figma”。每当用户想要根据代码或描述在 Figma 中构建或更新完整页面、弹窗（modal）、对话框（dialog）、抽屉（drawer）、侧边栏（sidebar）、面板（panel）或任何由多板块组合而成的视图时，这都是首选的工作流 Skill。本 Skill 会从 Code Connect 文件、现有页面以及组件库搜索中探查设计系统中的组件、变量和样式，然后将其导入，并使用设计系统 Token（而非硬编码数值）按板块逐个增量组装视图。

figma avatarfigma
获取
ui-designer

ui-designer

1.4Kdesign-ui

Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.

daymade avatardaymade
获取