category focus

Design

UI/UX, graphics, and prototyping.

1436 스킬all categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
3.2K

brand-guidelines

Applies Notion Avatar's hand-drawn minimalist style to any artifact that may benefit from having the project's look-and-feel. Use it when brand colors, style guidelines, visual formatting, or design standards apply.

Mayandev
Mayandev
content-media
open
design
3K

muapi-logo-creator

Engineer professional-grade brand logos using geometric primitives and negative space — generates minimalist, scalable vector-style marks via muapi.ai

SamurAIGPT
SamurAIGPT
content-media
open
design
3K

muapi-nano-banana

Reasoning-driven image generation using structured creative briefs (Gemini 3 style) — generates high-fidelity images via muapi.ai with logic-based prompting

SamurAIGPT
SamurAIGPT
content-media
open
design
3K

muapi-photo-pack-generator

Generate a pack of professional or aesthetic photos from a single reference image while preserving the exact identity of the person.

SamurAIGPT
SamurAIGPT
content-media
open
design
2.7K

slack-gif-creator

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives. This skill applies when users request animated GIFs or emoji animations for Slack from descriptions like "make me a GIF for Slack of X doing Y".

davepoon
davepoon
content-media
open
design
2.5K

qiaomu-mondo-poster-design

一句话生成大师级海报、书籍封面、专辑封面和各类设计作品。无需懂PS、配色或艺术史,AI自动选择最佳风格(基于33+位传奇设计师)。支持多平台多比例:公众号封面(21:9)、小红书配图(3:4)、文章配图(16:9)、书籍封面(9:16)、专辑封面(1:1)、电影海报(9:16)。包含AI提示词优化、风格对比、图生图转换功能。触发词:"Mondo风格"、"书籍封面设计"、"专辑封面"、"海报设计"、"读书笔记配图"、"公众号封面"、"小红书配图"、"文章配图"。One-sentence generation of master-level posters, book covers, album covers and designs. 33+ legendary designer styles with multi-platform aspect ratio support (21:9, 16:9, 3:4, 1:1, 9:16).

nexu-io
nexu-io
content-media
open
design
2.5K

nano-banana

Generate or edit images via Nano Banana image models. Triggers on "generate image", "image generation", "nano banana", "edit image", "nano banana pro", "nano banana 2"

nexu-io
nexu-io
content-media
open
design
2.4K

io-svg

Guides work on SVG import into the Grida Canvas Rust engine (cg crate). Covers crates/grida-canvas/src/svg/, the grida-dev svg-to-grida CLI, cross-boundary FBS codec tests (Rust encode → TS decode), SVG fixture authoring, and known SVG import limitations (text model, filters, transforms). Use when adding SVG feature support, fixing import bugs, authoring SVG test fixtures, debugging cross-boundary codec failures, or investigating what SVG elements map to which Grida node types.

gridaco
gridaco
content-media
open
design
2.4K

openai-image-gen

Batch-generate images via OpenAI Images API. Random prompt sampler + `index.html` gallery.

steipete
steipete
content-media
open
design
2.3K

excalidraw-diagram

Generate Excalidraw diagrams from text content. Supports three output modes - Obsidian (.md), Standard (.excalidraw), and Animated (.excalidraw with animation order). Triggers on "Excalidraw", "画图", "流程图", "思维导图", "可视化", "diagram", "标准Excalidraw", "standard excalidraw", "Excalidraw动画", "动画图", "animate".

axtonliu
axtonliu
content-media
open
design
2.1K

leonardo-colors

Generate accessible color themes using @adobe/leonardo-contrast-colors. Use when the user needs help building contrast-based color palettes, checking WCAG accessibility, creating adaptive themes, or using the Leonardo API.

adobe
adobe
content-media
open
design
2.1K

canvas-design

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

snyk
snyk
content-media
open
design
2K

figma-mcp

Use the Figma MCP server to translate a Figma design into a Vue page or component layout. Use when the user provides a Figma URL, asks to implement a design, or wants to draft a page layout from Figma.

modrinth
modrinth
content-media
open
design
2K

wiki-vitepress

Packages generated wiki Markdown into a VitePress static site with dark theme, dark-mode Mermaid diagrams with click-to-zoom, and production build output. Use when the user wants to create a browsable website from generated wiki pages.

microsoft
microsoft
content-media
open
design
2K

threejs-shaders

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

CloudAI-X
CloudAI-X
content-media
open
design
2K

threejs-textures

Three.js textures - texture types, UV mapping, environment maps, texture settings. Use when working with images, UV coordinates, cubemaps, HDR environments, or texture optimization.

CloudAI-X
CloudAI-X
content-media
open
design
1.9K

svg-icon-generator

Generate svg icon generator operations. Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg icon generator Part of the Visual Content skill category. Use when working with svg icon generator functionality. Trigger with phrases like "svg icon generator", "svg generator", "svg".

jeremylongshore
jeremylongshore
content-media
open
design
1.9K

creating-data-visualizations

Generate plots, charts, and graphs from data with automatic visualization type selection. Use when requesting "visualization", "plot", "chart", or "graph". Trigger with phrases like 'generate', 'create', or 'scaffold'.

jeremylongshore
jeremylongshore
content-media
open
design
1.9K

media-generation

Generate images, edit existing images, create short videos, run inpainting/outpainting and object-focused edits, use reference images as provider inputs, batch related media jobs from a manifest, and fetch returned media from URLs/HTML/JSON/data URLs/base64. Use when working on AI image generation, AI image editing, mask-based inpainting, outpainting, reference-image workflows, short AI video generation, product-shot variations, or reusable media-production pipelines.

LeoYeAI
LeoYeAI
content-media
open
design
1.9K

sglang-diffusion-video

Generate videos using a local SGLang-Diffusion server (Wan2.2, Hunyuan, FastWan, etc.). Use when: user asks to generate, create, or render a video with a locally running SGLang-Diffusion instance. NOT for: cloud-hosted video APIs or image generation (use sglang-diffusion for images). Requires a running SGLang-Diffusion server with a video model loaded.

LeoYeAI
LeoYeAI
content-media
open
design
1.8K

8-bit-pixel-art-patterns

Create pixelated borders, shadows, and effects for 8-bit retro components. Apply when building 8-bit styled UI components that need authentic pixel art aesthetics.

TheOrcDev
TheOrcDev
content-media
open
design
1.8K

rendering-animate-svg

Wrap animated SVG elements in a div to enable hardware acceleration. Apply when animating SVG icons or elements, especially in 8-bit retro components with pixel art animations.

TheOrcDev
TheOrcDev
content-media
open
design
1.8K

retro-css-architecture

Organize 8-bit CSS with custom properties, pixel fonts, and responsive pixel art. Apply when creating or modifying retro-styled components and their CSS.

TheOrcDev
TheOrcDev
content-media
open
design
1.7K

morph-ppt

Generate Morph-animated PPTs with officecli

iOfficeAI
iOfficeAI
content-media
open
Previous
Page 6 / 60
Next