category focus

Design

UI/UX, graphics, and prototyping.

1436 skillsall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
276

ascii-cli-logo-banner-figletjs

Generate TAAG/FIGlet-style ASCII art banners using figlet.js (FIGfont spec), with layout controls (horizontal/vertical layout, width, whitespaceBreak) and optional ANSI 256 coloring.

partme-ai
partme-ai
content-media
open
design
276

canvas-design

Creates museum-quality visual art as .png or .pdf by first generating a design philosophy manifesto, then expressing it on canvas with precise composition, color palettes, and typography. Use when the user asks to create a poster, art piece, visual design, or static creative piece. Outputs original designs using design-forward principles.

partme-ai
partme-ai
content-media
open
design
276

mermaid

Create Mermaid diagrams for Markdown documentation including flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts, pie charts, mindmaps, timelines, C4 diagrams, and 20+ other diagram types. Use when the user wants to draw, create, or visualize diagrams in Markdown-friendly format, mentions Mermaid, needs diagrams for GitHub/GitLab/wikis, or wants quick diagrams that render directly in Markdown renderers.

partme-ai
partme-ai
content-media
open
design
256

explain

Explain code with visual diagrams and clear mental models

poshan0126
poshan0126
content-media
open
design
255

generate-image

AI image generation via Gemini. Use when the user wants to generate, create, or make an image, or when you need to create visual assets like logos, diagrams, or illustrations. Requires GEMINI_API_KEY or GOOGLE_API_KEY.

cluesmith
cluesmith
content-media
open
design
254

palace-diagram

Generate visual diagrams of palace structure, knowledge topology, and synapse connectivity.

athola
athola
content-media
open
design
247

image-generator

Generate professional visuals using Gemini via browser automation with 6-gate quality control. Use when creating chapter illustrations, diagrams, or teaching visuals. NOT for stock photos or decorative images.

aiskillstore
aiskillstore
content-media
open
design
247

d3-viz

Create interactive data visualizations using D3.js. Use this when creating charts, graphs, network diagrams, geographic visualizations, or custom SVG-based data visualization.

aiskillstore
aiskillstore
content-media
open
design
247

background-remover

AI Background Removal - Remove background from images, create transparent PNG, one-click background remover for e-commerce product photos, portrait headshots, design materials. Supports JPG, PNG, WebP local files and remote URLs.

aiskillstore
aiskillstore
content-media
open
design
247

skywork-design

Generate or edit images via backend Skywork Image API. Use for any image creation, poster design, logo design, visual asset generation, or image modification request. Supports text-to-image and image-to-image editing with aspect ratio and resolution control.

aiskillstore
aiskillstore
content-media
open
design
247

data-visualization-tool

Chart and visualization generation for DBX Studio. Use when a user wants to visualize data — bar charts, line graphs, pie charts, scatter plots, etc.

aiskillstore
aiskillstore
content-media
open
design
247

data-visualization

Chart and visualization generation for DBX Studio. Use when a user wants to visualize data — bar charts, line graphs, pie charts, scatter plots, etc.

aiskillstore
aiskillstore
content-media
open
design
241

skill-design

Create the Visual Interface for audio plugins. Use when user mentions UI design, mockup, WebView interface, or requests 'design UI for [plugin]'.

Noizefield
Noizefield
content-media
open
design
238

ray-so-code-snippet

Generate beautiful code snippet images using ray.so. This skill should be used when the user asks to create a code image, code screenshot, code snippet image, or wants to make their code look pretty for sharing. Saves images locally to the current working directory or a user-specified path.

intellectronica
intellectronica
content-media
open
design
238

beautiful-mermaid

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram.

intellectronica
intellectronica
content-media
open
design
238

beautiful-mermaid

Render Mermaid diagrams as SVG and PNG using the Beautiful Mermaid library. Use when the user asks to render a Mermaid diagram.

intellectronica
intellectronica
content-media
open
design
231

article-batch-illustration

分析文章结构并批量生成AI配图,调用Gemini API为每个段落创建专业逻辑图/概念图。当用户说"批量配图"、"给文章配图"、"生成文章插图"、"为这篇文章配图"时触发。支持两种风格:简约手绘风和建筑蓝图编辑风。自动保存到Obsidian图片目录并插入文档。

zephyrwang6
zephyrwang6
content-media
open
design
231

algorithmic-art

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

zephyrwang6
zephyrwang6
content-media
open
design
231

image-skill-builder

帮助用户通过交互式问答创建自定义批量生图 Skill。用户不需要写代码,只需回答问题即可生成完整可用的生图 Skill。当用户说"帮我创建生图Skill"、"我想做一个配图技能"、"创建批量出图的Skill"、"生成图片的Skill怎么做"、"帮我做一个AI画图技能"时触发。支持文章配图、Logo设计、分镜故事、社交媒体图、海报等任意图片场景。

zephyrwang6
zephyrwang6
content-media
open
design
231

logo-batch-generator

批量生成品牌Logo。支持两种入口:(1)用户描述品牌/用途后批量生成10个Logo变体 (2)用户上传参考图片后分析并生成Logo。提供7种主流风格选择。调用Gemini API生成,保存到Obsidian图片目录。触发词:"生成Logo"、"设计Logo"、"做个Logo"、"批量Logo"、"帮我设计一个标志"。

zephyrwang6
zephyrwang6
content-media
open
design
228

baoyu-image-gen

AI SDK-based image generation using official OpenAI and Google APIs. Supports text-to-image, reference images, aspect ratios, and quality presets.

smallnest
smallnest
content-media
open
design
224

image-gen-tool

Image and 3D model generation tool using NovelAI, Flux, and Meshy for illustrations and 3D output. Use when: generating character art, bust or chibi images, avatars, or running image pipelines.

xuiltul
xuiltul
content-media
open
design
224

image-gen-tool

画像・3Dモデル生成ツール。NovelAI・Flux・Meshyで立ち絵・バストアップ・ちび・3Dモデルを生成する。 Use when: イラスト生成、キャラクター画像作成、3Dモデル・Meshy出力、画像パイプライン実行が必要なとき。

xuiltul
xuiltul
content-media
open
design
224

image-gen-tool

이미지·3D 모델 생성 도구. NovelAI·Flux·Meshy로 전신·바스트업·치비·3D를 생성한다. Use when: 일러스트 생성, 캐릭터 이미지, 3D·Meshy 출력, 이미지 파이프라인 실행이 필요할 때.

xuiltul
xuiltul
content-media
open
Previous
Page 15 / 60
Next