category focus

Design

UI/UX, graphics, and prototyping.

1436 स्किल्सall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
700

nanobanana

Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro). Supports text-to-image, image editing, various aspect ratios, and high-resolution output (2K/4K). Use when user wants to generate images, create images, use Gemini image generation, or do AI image generation.

ReScienceLab
ReScienceLab
content-media
open
design
680

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

joeseesun
joeseesun
content-media
open
design
634

mermaid-expert

Create Mermaid diagrams for flowcharts, sequences, ERDs, and architectures. Masters syntax for all diagram types and styling. Use PROACTIVELY for visual documentation, system diagrams, or process flows.

rmyndharis
rmyndharis
content-media
open
design
626

pretty-mermaid

Render beautiful Mermaid diagrams as SVG or ASCII art using the beautiful-mermaid library. Supports 15+ themes, 5 diagram types (flowchart, sequence, state, class, ER), and ultra-fast rendering. Use this skill when: 1. User asks to "render a mermaid diagram" or provides .mmd files 2. User requests "create a flowchart/sequence diagram/state diagram" 3. User wants to "apply a theme" or "beautify a diagram" 4. User needs to "batch process multiple diagrams" 5. User mentions "ASCII diagram" or "terminal-friendly diagram" 6. User wants to visualize architecture, workflows, or data models

imxv
imxv
content-media
open
design
581

ray

Generate code screenshots via ray.tinte.dev API. Use when user asks for code screenshots, code images, code snippets as images, or says "ray". Calls POST https://ray.tinte.dev/api/v1/screenshot and saves the PNG result.

Railly
Railly
content-media
open
design
576

weather-svg-creator

Creates an SVG weather card showing the current temperature and writes it to orchestration-workflow/weather.svg and orchestration-workflow/output.md

shanraisshan
shanraisshan
content-media
open
design
567

marknative

Render Markdown files to paginated PNG/SVG images using the marknative CLI. Use this skill whenever asked to convert, render, or export Markdown to image formats.

liyown
liyown
content-media
open
design
565

excalidraw-flowchart

Create Excalidraw flowcharts from descriptions. Use when user asks to "create a flowchart", "draw a diagram", "visualize a process", "make a flow diagram", "architecture diagram", or discusses workflow/process visualization. Supports DSL, DOT/Graphviz, and JSON formats.

sundial-org
sundial-org
content-media
open
design
565

nano-banana-pro-2

Generate or edit images via Gemini 3 Pro Image (Nano Banana Pro).

sundial-org
sundial-org
content-media
open
design
565

pptx-creator

Create professional PowerPoint presentations from outlines, data sources, or AI-generated content. Supports custom templates, style presets, charts/tables from data, and AI-generated images. Use when asked to create slides, pitch decks, reports, or presentations.

sundial-org
sundial-org
content-media
open
design
565

infographic-weather

Generate a TV-style weather infographic with a location-specific seasonal background. Use when the user asks for a visual weather forecast or a weather infographic for a specific address.

sundial-org
sundial-org
content-media
open
design
565

krea-api

Generate images via Krea.ai API (Flux, Imagen, Ideogram, Seedream, etc.)

sundial-org
sundial-org
content-media
open
design
565

antigravity-image-gen

Generate images using the internal Google Antigravity API (Gemini 3 Pro Image). High quality, native generation without browser automation.

sundial-org
sundial-org
content-media
open
design
565

sfsymbol-generator

Generate an Xcode SF Symbol asset catalog .symbolset from an SVG. Use when you need to add a custom SF Symbol (build-time) by creating the symbolset folder, Contents.json, and SVG file.

sundial-org
sundial-org
content-media
open
design
565

coloring-page

Turn an uploaded photo into a printable black-and-white coloring page.

sundial-org
sundial-org
content-media
open
design
565

diagram-gen

Generate Mermaid diagrams from your codebase. Use when you need architecture visualizations.

sundial-org
sundial-org
content-media
open
design
565

nano-banana-antigravity

Generate or edit images via Nano Banana Pro using Antigravity OAuth (no API key needed!)

sundial-org
sundial-org
content-media
open
design
565

theme-gen

Generate a complete design system from brand colors using AI. Use when starting a new project or standardizing colors.

sundial-org
sundial-org
content-media
open
design
564

color-system

Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.

Owl-Listener
Owl-Listener
content-media
open
design
559

designsync-variables

Sync CSS variables from Figma plugin export to globals.css. Use when updating design tokens/colors from Figma.

safe-global
safe-global
content-media
open
design
538

svg-optimizer

Optimize SVG assets, generate sprites, and convert to React components

a5c-ai
a5c-ai
content-media
open
design
538

responsive-image

Generate responsive image sets with srcset, WebP/AVIF conversion, and art direction

a5c-ai
a5c-ai
content-media
open
design
538

mock-spec-extractor

Extracts design specifications from mock images including colors, typography, spacing, and component details

a5c-ai
a5c-ai
content-media
open
Previous
Page 10 / 60
Next