category focus

Design

UI/UX, graphics, and prototyping.

1436 ์Šคํ‚ฌall categories
sorting
์Šคํƒ€
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