设计与 UI
界面设计、视觉系统和产品 UI
Skills 列表
ads-landing
审核付费广告落地页，涵盖信息匹配、移动体验、性能、可访问性、信任、表单、同意、跟踪、安全性和转化摩擦。适用于落地页审核、点击后体验、LP审核、转化率优化、表单优化、广告到页面信息匹配、重定向、被阻止的导航，或涉及私有、回环、链路本地或元数据IP目标的请求。
agricidaniel
display-glasses-with-jetpack-compose-glimmer
Provides guidelines for developing projected Android XR apps for display
android
quick-mockups
并行创建多个 UI 设计稿。当被要求为某个功能创建设计稿、线框图或设计变体时使用。使用 Mantine v7 + Tailwind 创建 HTML 文件，遵循 Civitai 的设计系统。
civitai
improve-ui
Audit an existing product surface against its own design evidence, identify verified UI problems, and write self-contained implementation plans for another agent. Strictly read-only on product source. Use when asked to review, refine, improve, or clean up an interface without replacing its identity; investigate design-system drift; or prepare a design handoff.
ibelickstyles
Use this skill to integrate the Jetpack Compose Styles API into an Android
android
rhwp-advanced
借助上游 rhwp Rust CLI（包含 export-svg/dump/dump-pages/ir-diff/thumbnail/convert 等指令），调试 HWP 排版布局、转储文档中间表示（IR）、对比文档版本、提取缩略图，以及解除只读 HWP 文档限制。
nomadamas
animation-vocabulary
反向查找术语表，将关于网页动画或动态效果的模糊描述转化为精确术语（例如“弹出窗口打开时的弹跳效果”→“Pop in”；“iOS 橡皮筋滚动”→“Rubber-banding”）。当用户问“那个叫什么……”，或描述一个动态效果但不知道其名称，并希望获得正确的词汇来向 AI 或设计师描述时使用。用于命名效果，而非设计或构建效果。
emilkowalskimigrate-xml-views-to-jetpack-compose
Provides a structured workflow for migrating an Android XML View to Jetpack
androidui-skills-root
在开始 UI 相关工作前使用，通过 ui-skills CLI 筛选出最精简实用的 UI Skill 上下文。
ibelick
ui
打造富有独特风格、生产级别的 UI 界面，涵盖页面、组件、视觉交互、排版字体以及基于截图的视觉打磨润色。当用户使用任何语言提出 UI、页面、组件、前端、排版字体、基于截图的视觉优化需求，或吐槽界面看起来不清晰、难看、不一致、视觉上有瑕疵时调用。不适用于后端逻辑或数据管道。
tw93
co-op-game-intro-generator
For users creating a two-player co-op game menu or opening animation. Users provide two player names, a game title, a target visual style, and optional character reference images. The Skill locks identity cues, generates an approval image from a fixed menu framework with coordinated color, buttons, icons, and typography, then uses the approved result to rebuild the character, UI-copy, and event timing instructions for the final video. It outputs a co-op game intro featuring two characters, player cards, and menu interaction motion. Best for game concepts, character-led menus, and social content; not for playable game development, complex multi-page UI, exact brand-logo replication, or generic character-free title sequences.
minimax-ai
nuxt-ui
使用 @nuxt/ui v4 构建 UI — 125+ 可访问的 Vue 组件，支持 Tailwind CSS 主题。适用于创建界面、自定义主题以匹配品牌、构建表单，或组合仪表盘、文档站点和聊天界面等布局。
nuxt
hypit
Make, adapt, and revise videos with Hypit from references or briefs, including SVML/SVS/SVRun authoring, project components, and Runtime or credential setup.
hypit-ai3d-animation-short-generator
Create complete stylized 3D animated shorts from a story idea through an ordered production workflow covering project brief, story outline, character and environment cards, standardized shot planning, text or optional pencil storyboards, video-model selection, single-shot generation, assembly, BGM matching, and final review. Use when the user wants an end-to-end narrative animation workflow with strong character consistency, scene continuity, timing, camera, performance, and audio control. Not for single images, simple edits, photorealistic live action, or one standalone clip.
minimax-aiminimalist-product-ad-generator
Turn product images and ad requirements into minimalist product ad shorts for e-commerce promotion and product launches. The Skill confirms format and product variants, extracts selling points, writes concise English ad copy, builds product anchors, plans beat-synced typography/storyboards, and generates a clean product film with premium camera language. Not for KOC talking-head ads, general editing, or complex screen demos.
minimax-aibrand-promo-video-generator
For marketers and creators producing promotional content for brands, products, websites, apps, shops, or personal projects. Users provide logos, product images, interface screenshots, official links, or other verifiable assets and confirm duration, aspect ratio, audience, and campaign focus. The Skill organizes brand facts and asset provenance, selects a narrative direction, plans precise beats and shots, generates needed imagery, video, voiceover, or music, and completes assembly and pre-delivery review. It outputs a promotional short that highlights product capabilities, use cases, and a call to action. Best for launches, website showcases, and social promotion; not for imitating real brand marks without authorized assets, inventing product claims, or producing long-form narrative films.
minimax-aimusic-video-subtitle-generator
For musicians, video creators, and social-media editors producing AI music videos or emotional short films with lyric typography. Users provide music, lyrics, references, characters, typography direction, mood, or target platform. The Skill analyzes beat and vocal timing, separates character, scene, and text references, designs beat-reactive spatial typography, decomposes long works into connected shots, audits prompts, and routes generation for H3 or other video tools. It outputs MV concepts, shot prompts, lyric text plans, and stitching guidance. Best for stylized MVs and subtitle-driven music visuals, not ordinary caption cleanup, licensed IP copying, or fully manual post-production editing.
minimax-ai
epic-hypothesis
Frame an epic as a testable hypothesis with target user, expected outcome, and validation method. Use when defining a major initiative before roadmap, discovery, or delivery planning.
deanpetersproto-persona
Create a proto-persona from current research, market signals, and team knowledge. Use when you need a working customer profile before deeper validation.
deanpetershunt
在应用修复之前找出错误的根本原因，适用于错误、崩溃、回归、测试失败、行为异常以及截图报告的缺陷。当用户以任何语言报告错误、崩溃、行为异常、回归、测试失败、截图证据或之前正常但现在失败的情况时使用。不适用于代码审查或新功能。
tw93storyboard
Create a six-frame storyboard that shows a user's journey from problem to solution. Use when you need a fast narrative for alignment, concept reviews, or demos.
deanpeters
antfu-design
antfu-style design conventions, broadened. UnoCSS-first, class-based semantic tokens with dual light/dark for tooling and devtools UIs, plus design-read, anti-slop, and micro-interaction polish for landing pages and product surfaces. Use when building or refactoring any interface with UnoCSS.
antfuweb-design-guidelines
审查UI代码是否符合Web界面指南。当被要求“审查我的UI”、“检查可访问性”、“审计设计”、“审查UX”或“对照最佳实践检查我的网站”时使用。
antfu
architect
Sketch types, signatures, and module structure before code, then stay in the loop while implementation fills in. Use for /architect, 'architect this', 'design this', or non-trivial work where jumping to code would lock in the wrong shape.
cursor