category focus

Design

UI/UX, graphics, and prototyping.

1436 スキルall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
1.7K

light-and-shadow-prompt-generator

Generates high-quality image prompts focusing on architectural geometry, dramatic lighting, and solitary figures, highlighting material textures and atmospheric depth.

amao2001
amao2001
content-media
open
design
1.6K

stream-deck

Create slide-deck presentation webs for streams and courses using Gentleman Kanagawa Blur theme with inline SVG diagrams. Trigger: When building a presentation, slide deck, course material, stream web, or talk slides.

Gentleman-Programming
Gentleman-Programming
content-media
open
design
1.6K

generate-characters

生成角色设计参考图(三视图)。当用户说"生成角色图"、"画角色设计"、想为新角色创建参考图、或有角色缺少 character_sheet 时使用。确保视频中角色形象一致。

ArcReel
ArcReel
content-media
open
design
1.6K

generate-grid

生成宫格分镜图。当用户说"生成宫格"、"宫格生图"、"宫格模式生成分镜"时使用。自动按 segment_break 分组,选择最优宫格大小,生成首尾帧链式宫格图并切割分配。

ArcReel
ArcReel
content-media
open
design
1.6K

jimliu-baoyu-skills-baoyu-cover-image

Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".

openakita
openakita
content-media
open
design
1.6K

jimliu-baoyu-skills-baoyu-infographic

Generates professional infographics with 21 layout types and 20 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", "可视化", or "高密度信息大图".

openakita
openakita
content-media
open
design
1.6K

jimliu-baoyu-skills-baoyu-slide-deck

Generates professional slide deck images from content. Creates outlines with style instructions, then generates individual slide images. Use when user asks to "create slides", "make a presentation", "generate deck", "slide deck", or "PPT".

openakita
openakita
content-media
open
design
1.6K

openakita-skills-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.

openakita
openakita
content-media
open
design
1.6K

openakita-skills-pretty-mermaid

Generate professional Mermaid diagrams with multiple themes, SVG/ASCII output, batch rendering, and a built-in template library for common diagram patterns. Supports flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, C4 architecture, and Gantt charts.

openakita
openakita
content-media
open
design
1.5K

marp-slide

Create professional Marp presentation slides with 7 beautiful themes (default, minimal, colorful, dark, gradient, tech, business). Use when users request slide creation, presentations, or Marp documents. Supports custom themes, image layouts, and "make it look good" requests with automatic quality improvements.

softaworks
softaworks
content-media
open
design
1.5K

generate-image

Generate or edit images using AI models (FLUX, Gemini). Use for general-purpose image generation including photos, illustrations, artwork, visual assets, concept art, and any image that isn't a technical diagram or schematic. For flowcharts, circuits, pathways, and technical diagrams, use the scientific-schematics skill instead.

K-Dense-AI
K-Dense-AI
content-media
open
design
1.4K

ui-ux-pro-max

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks.

Draculabo
Draculabo
content-media
open
design
1.4K

nanobanana-skill

Generate or edit images using Google Gemini API via nanobanana. Triggers: "nanobanana", "generate image", "create image", "edit image", "AI drawing", "图片生成", "AI绘图", "图片编辑", "生成图片".

feiskyer
feiskyer
content-media
open
design
1.3K

datavis

Comprehensive data visualization toolkit for creating beautiful, mathematically elegant visualizations with D3.js, Chart.js, and custom SVG. Use when (1) building interactive data visualizations, (2) designing color palettes for charts, (3) choosing scales and visual encodings, (4) creating data pipelines from Census/SEC/Wikipedia APIs, (5) crafting narrative-driven data stories, (6) making perceptually accurate charts, or (7) implementing force-directed networks, timelines, or geographic maps.

foryourhealth111-pixel
foryourhealth111-pixel
content-media
open
design
1.3K

generate-image

Generate or edit images using AI models (FLUX, Nano Banana 2). Use for general-purpose image generation including photos, illustrations, artwork, visual assets, concept art, and any image that is not a technical diagram or schematic. For flowcharts, circuits, pathways, and technical diagrams, use the scientific-schematics skill instead.

foryourhealth111-pixel
foryourhealth111-pixel
content-media
open
design
1.3K

image-gen

Generate character art and image variations using AI image generation (Google Gemini) with reference images for style and character consistency. Use this skill when the user asks to generate new character poses, mascot variations, art assets, illustrations, or any AI-generated images — especially when maintaining consistency with an existing character or style.

peterkrueck
peterkrueck
content-media
open
design
1.3K

opensquad-dashboard-design

Use when creating, modifying, or designing 2D virtual office scenes for the opensquad dashboard — room layouts, furniture placement, avatar integration, environment design, or any visual improvement. Also use when the dashboard looks empty, flat, lifeless, or lacks personality.

renatoasse
renatoasse
content-media
open
design
1.3K

canva

Create, search, autofill, and export designs from Canva. Enables agents to generate visual content, fill templates with brand assets, and export in various formats.

renatoasse
renatoasse
content-media
open
design
1.2K

design-master

平面设计主控 - 自动生成平面设计提示词,支持海报、logo、插画等多种设计类型

huangserva
huangserva
content-media
open
design
1.2K

ascii-art

Generate ASCII art using pyfiglet (571 fonts), cowsay, boxes, toilet, image-to-ascii, remote APIs (asciified, ascii.co.uk), and LLM fallback. No API keys required.

math-inc
math-inc
content-media
open
design
1.1K

advanced-visualization-techniques

UI mockups, dashboards, advanced interactivity, generative art, simulations, math visualizations, and design system rules for producing rich HTML widget output.

CopilotKit
CopilotKit
content-media
open
design
1.1K

svg-diagram-generation

Generating rich inline SVG diagrams to visually explain systems, processes, architectures, and abstract concepts.

CopilotKit
CopilotKit
content-media
open
design
1.1K

storyboard-to-slides

Assemble a PPTX slide deck from a storyboard CSV and images using python-pptx. Supports multiple slide layouts (full background, left-image-right-text, two-column, etc.), custom themes, fonts, and cover design. Use when the user wants to build a PowerPoint presentation from a structured plan, compose slides from images and text, or create a polished deck from a storyboard CSV. Triggers: "build slides", "create pptx", "assemble presentation", "make PowerPoint", "storyboard to slides", "generate deck".

dp-archive
dp-archive
content-media
open
design
1.1K

code-to-diagram

Generate architecture diagrams, ER diagrams, sequence diagrams, flowcharts, and class diagrams from codebases using Mermaid.js. Use when users ask to visualize code structure, draw architecture diagrams, create ER diagrams from database models, generate sequence diagrams from API flows, or produce any diagram from source code. Triggers on: 'draw architecture', 'generate diagram', 'visualize code', 'ER diagram', 'sequence diagram', 'class diagram', 'flowchart from code', 'module dependency graph'.

dp-archive
dp-archive
content-media
open
Previous
Page 7 / 60
Next