搜索

ui-demo

239Kbrowser-web

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

affaan-m

ui-demo

232Kbrowser-web

使用 Playwright 录制精美的 UI 演示视频。当用户要求创建 Web 应用的演示、导览、屏幕录制或教程视频时使用。生成带有可见光标、自然节奏和专业感的 WebM 视频。

affaan-m

design-system

106Kfrontend

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

design

综合设计技能：品牌标识、设计令牌、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。

ui-styling

106Kfrontend

使用 shadcn/ui 组件（基于 Radix UI + Tailwind）、Tailwind CSS 实用优先样式和基于画布的视觉设计，创建美观、可访问的用户界面。适用于构建用户界面、实现设计系统、创建响应式布局、添加可访问组件（对话框、下拉菜单、表单、表格）、自定义主题和颜色、实现深色模式、生成视觉设计和海报，或建立跨应用的一致样式模式。

banner-design

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

brand

品牌声音、视觉识别、信息框架、资产管理、品牌一致性。适用于品牌内容、语气语调、营销资产、品牌合规、风格指南。

slides

使用 Chart.js、设计令牌、响应式布局、文案公式和情境化幻灯片策略创建战略性 HTML 演示文稿。

ui-ux-pro-max

91Kdesign-ui

适用于 Web 与移动端的 UI/UX 设计智囊。内置 50+ 种设计风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 指南及 25 种图表类型，覆盖 10 大技术栈（React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 和 HTML/CSS）。操作指令包含：UI/UX 代码的规划、构建、创建、设计、实现、评审、修复、改进、优化、增强、重构和检查。适用项目：网站、落地页、仪表盘、后台管理面板、电商、SaaS、作品集、博客与移动 App。界面元素：按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格：玻璃拟态 (glassmorphism)、黏土拟态 (claymorphism)、极简主义 (minimalism)、新丑风 (brutalism)、新拟物 (neumorphism)、便当盒布局 (bento grid)、暗黑模式 (dark mode)、响应式 (responsive)、拟物化 (skeuomorphism) 与扁平化设计 (flat design)。核心主题：色彩系统、无障碍访问 (a11y)、动效、布局、排版、字体搭配、间距、交互状态、阴影与渐变。生态集成：集成 shadcn/ui MCP，支持组件检索与示例查阅。

fal-3d

Generate 3D models from text or images via fal.ai. Useful for game assets, AR previews, product mockups, and concept sculpting.

imagegen

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

fal-generate

Generate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.

shader-dev

GLSL shader techniques for ray marching, fluid simulation, particle systems, and procedural generation. Useful for hero visuals and motion stills.

figma-use

Run Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.

release-notes-one-pager

Release notes one-page HTML with highlights, Added, Fixed, Breaking changes, Known issues, and Upgrade note. Writes explicit "None" style sections whenever the user does not provide details.

minimax-docx

Professional DOCX document creation and editing using OpenXML SDK. Useful for branded reports, polished proposals, and template-based authoring.

fal-image-edit

AI-powered image editing with style transfer, background removal, object removal, and inpainting via fal.ai hosted models.

youtube-clipper

YouTube clip generation and editing with automated workflows — pull source video, slice highlights, add captions, and export.

swiss-user-research-video-template

Swiss-style user-research narrative template in warm-paper editorial aesthetics. Use when users ask for a premium research deck or story-first live artifact with minimalist typography, high-clarity layout, subtle motion, donut breakdowns, and keyboard/click navigation across slides in a single HTML file.

fal-vision

Analyze images — segment objects, detect, run OCR, describe, and answer visual questions via fal.ai vision models.

domain-name-brainstormer

Generate creative domain name ideas and check availability across multiple TLDs including .com, .io, .dev, and .ai.

ai-music-album

Full-lifecycle AI music album production — concept, lyric drafting, track sequencing, and export. Useful for indie album experiments and brand soundtracks.

gsap-timeline

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).