skills.homes logoskills.homescapability registry
home/categories/design
category focus

Design

UI/UX, graphics, and prototyping.

1436 اسکلزall categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
20

pptx-design-styles

Use this skill whenever creating PPTX slides, presentations, or decks with any of these 30 modern design styles: Glassmorphism, Neo-Brutalism, Bento Grid, Dark Academia, Gradient Mesh, Claymorphism, Swiss International, Aurora Neon Glow, Retro Y2K, Nordic Minimalism, Typographic Bold, Duotone Color Split, Monochrome Minimal, Cyberpunk Outline, Editorial Magazine, Pastel Soft UI, Dark Neon Miami, Hand-crafted Organic, Isometric 3D Flat, Vaporwave, Art Deco Luxe, Brutalist Newspaper, Stained Glass Mosaic, Liquid Blob Morphing, Memphis Pop Pattern, Dark Forest Nature, Architectural Blueprint, Maximalist Collage, SciFi Holographic Data, Risograph Print. Also activate for requests using words like "sleek", "modern", "trendy", "designed", "stylish", or "visually striking" presentations.

orientpine
orientpine
content-media
open
design
20

basic-documentation-diagrams

WCAG-compliant Mermaid diagram standards - Color palettes, contrast ratios, accessibility checklist, color blindness considerations, subgraph styling, decision node patterns, and anti-patterns. Load when creating or reviewing diagrams. Keywords: wcag, accessibility, mermaid, diagrams, color-contrast, color-blindness, material-design, styling, a11y

duranserkan
duranserkan
content-media
open
design
20

layout-types

visual-generator 스킬이 공유하는 24종 레이아웃 정의. 각 레이아웃의 핵심 아이디어, ASCII 시각 구성, 시각화 원칙, 권장 사양, 적합/부적합 케이스를 포함합니다.

orientpine
orientpine
content-media
open
design
20

youmind-blog-cover

Generate blog cover images optimized for 16:9 headers — clean composition with text-friendly layouts, powered by multi-model AI. Use when user wants to "blog cover", "featured image", "article image", "cover image", "thumbnail", "文章配图", "封面图", "博客配图", "ブログカバー", "블로그 커버".

YouMind-OpenLab
YouMind-OpenLab
content-media
open
design
20

theme-comparison

visual-generator comparison 목적 테마(Before/After 비교). theme=comparison 또는 purpose=comparison일 때 사용. 단일 팔레트 + 대비 메타포(Contrast) 레이아웃 가이드 + 비교 항목 작성법 포함.

orientpine
orientpine
content-media
open
design
19

nano-banana

Generate and edit images using Gemini's image generation API (Imagen 3). This skill should be used when creating images, illustrations, diagrams, editing existing images, or iteratively refining visual content through multi-turn conversations.

Roasbeef
Roasbeef
content-media
open
design
19

mold

Generate AI images and video locally using the mold CLI. Use when asked to generate images from text prompts, create video clips, transform existing images (img2img), or manage local AI models.

utensils
utensils
content-media
open
design
19

comfyui-zimage

Generate manga and anime illustrations via local ComfyUI API using Z-Image model with Hojo Tsukasa (80s manga) and Satoshi Urushihara (90s anime) LoRA styles. Supports character-consistent Riko portraits, text-to-image generation, and image upscaling. Use when the user asks to generate manga art, anime illustrations, character portraits, comic-style drawings, or artwork in Hojo/Satoshi style, or mentions Riko, ComfyUI, or Z-Image.

norsizu
norsizu
content-media
open
design
19

implement-design

Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.

AntSeed
AntSeed
content-media
open
design
19

qwencloud-video-generation

[QwenCloud] Generate videos using Wan models. Supports text-to-video, image-to-video, first+last frame, reference-based role-play, and video editing (VACE). TRIGGER when: user wants to create, generate, or edit video content, mentions video generation/animation/video clips/Wan models, or explicitly invokes this skill by name (e.g. use qwencloud-video-generation). DO NOT TRIGGER when: user wants to generate images (use qwencloud-image-generation), understand/analyze existing videos (use qwencloud-vision), text-only tasks.

QwenCloud
QwenCloud
content-media
open
design
19

qwencloud-image-generation

[QwenCloud] Generate and edit images using Wan and Qwen Image models. Supports text-to-image, image editing (style transfer, subject consistency, text rendering), and interleaved text-image output. TRIGGER when: user wants to create illustrations, product images, artistic designs, posters, text-to-image generation, edit/transform existing images, apply style transfer, generate images based on reference photos, interleaved text-image content, mentions Wan/Qwen Image models/AI art creation, or explicitly invokes this skill by name (e.g. use qwencloud-image-generation). DO NOT TRIGGER when: user wants to understand/analyze existing images or OCR (use qwencloud-vision), video generation (use qwencloud-video-generation), text-only tasks.

QwenCloud
QwenCloud
content-media
open
design
19

paper-comic

Generate educational comics from academic papers, using visual storytelling to explain core ideas and innovations. Supports 4 art styles: classic (clean lines), tech (futuristic), warm (friendly), chalk (blackboard). Uses genimg-gemini-web to generate images.

proyecto26
proyecto26
content-media
open
design
19

visual-architect

Transform research papers into professional visual schemas. Analyzes paper logic, selects optimal layout patterns, and generates detailed prompts for AI image generation.

proyecto26
proyecto26
content-media
open
design
19

brewui-image-gen

Generates AI images via multiple providers (OpenRouter Gemini/GPT-5, Z.ai GLM-image, Google Imagen 4, OpenAI DALL-E 3) with anti-AI-slop controls. Modes: generate (default), edit, config, update. Triggers: "generate image", "create image", "make image", "AI image", "image-gen", "og image", "blog image", "illustration" <example> user: "Generate an OG image for my blog post about dark mode" <commentary>generate mode — text prompt to image</commentary> </example> <example> user: "Edit this image to add warm lighting" <commentary>edit mode — modify existing image</commentary> </example> <example> user: "/image-gen --config" <commentary>config mode — set up API keys</commentary> </example>

kochetkov-ma
kochetkov-ma
content-media
open
design
19

qr-code

Generate and decode QR codes

scalyclaw
scalyclaw
content-media
open
design
19

visual-design-foundations

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

thc1006
thc1006
content-media
open
design
19

drawio-diagrams-enhanced

Create professional draw.io (diagrams.net) diagrams in XML format (.drawio files) with integrated PMP/PMBOK methodologies, extensive visual asset libraries, and industry-standard professional templates. Use this skill when users ask to create flowcharts, swimlane diagrams, cross-functional flowcharts, org charts, network diagrams, UML diagrams, BPMN, project management diagrams (WBS, Gantt, PERT, RACI), risk matrices, stakeholder maps, or any other visual diagram in draw.io format. This skill includes access to custom shape libraries for icons, clipart, and professional symbols.

jgtolentino
jgtolentino
content-media
open
design
19

color-converter

Convert between color formats (hex, RGB, HSL, HSV, CMYK) and generate color palettes

scalyclaw
scalyclaw
content-media
open
design
19

brand-guidelines

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.

jgtolentino
jgtolentino
content-media
open
design
19

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.

jgtolentino
jgtolentino
content-media
open
design
19

cutin

ソシャゲ風カットイン演出 - 感情に応じたSVG背景付きフルスクリーン演出

sawarae
sawarae
content-media
open
design
19

design-system

Generate and audit visual design systems for consistency

Jamkris
Jamkris
content-media
open
design
19

frontend-slides

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Jamkris
Jamkris
content-media
open
design
19

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

jgtolentino
jgtolentino
content-media
open
Previous
Page 44 / 60
Next