category focus

Design

UI/UX, graphics, and prototyping.

1436 스킬all categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
304

pythonpiet

定义一个Python算法,将输入字符串转换为符合Piet语言规则的PNG图像程序,使用PIL库进行颜色块拼接,并确保能通过npiet验证。

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

generate-svg-pentagram-with-viewbox-padding

Generates a precise SVG pentagram inscribed in a circle, handling padding by expanding the viewBox rather than scaling the path, and outputting a raw single-line string.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

artistic-svg-chat-generator

Generates SVG code adhering to strict formatting rules to ensure proper rendering in a specific chat interface, including single-line output, no markdown backticks, and specific HTML wrapping.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

convert-numpy-array-to-tile-map-image

Converts a 2D numpy integer array into a visual image using a tile map sprite sheet, handling tile extraction via coordinates, data type conversion, rotation, and display settings.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

java-xchart

使用 XChart 库在 Spring Boot 中生成自定义折线图和散点图(支持按索引/值设置颜色、大小、隐藏坐标轴等),并将生成的图片作为附件发送邮件。

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

hsv

使用Python和OpenCV,通过计算HSV颜色空间中的欧氏距离(考虑色调环形特性)精确识别并剔除指定颜色,结合形态学膨胀扩展透明区域,最终输出带透明通道的PNG图片。

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

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

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

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 "高密度信息大图".

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

mql5

Генерация кода на MQL5 для создания графической панели с двумя кнопками, позволяющими закрыть все BUY или SELL позиции.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

svg-art-generation-for-chat-interface

Generates SVG artwork adhering to strict formatting rules for chat rendering, including single-line code output, no preceding text, specific layering, and inline styles.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

matlab

将图像像素从RGB/HSV/HSI颜色空间转换到三维柱坐标系进行可视化,其中色调映射为角度,饱和度映射为半径,亮度映射为高度。

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

python-opencv-hsv

使用Python和OpenCV库,根据给定的HSV颜色值(H:0-179, S:0-255, V:0-255)判断其对应的颜色名称(如红、绿、黑、白等)。需特别处理OpenCV的H范围以及黑色的低亮度特征。

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

braille-ascii-art-generator

Generates ASCII art using Braille patterns block characters with strict constraints to exclude descriptions, explanations, newlines, and any non-Braille formatting.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
304

braille-ascii-art-generator

Generates ASCII art using only Braille Unicode characters without any descriptive text, explanations, or markdown formatting.

ECNU-ICALK
ECNU-ICALK
content-media
open
design
303

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

BinSquare
BinSquare
content-media
open
design
301

byted-seedream-image-generate

Generate high-quality images from text prompts using Volcano Engine Seedream models. Supports multiple artistic styles and aspect ratios. Use this skill when users want to create images from text descriptions, generate artwork in various styles, create visual content for creative projects, or need AI-powered image generation capabilities.

bytedance
bytedance
content-media
open
design
301

byted-music-generate

Generate music using Volcengine Imagination API. Supports vocal songs, instrumental BGM, and lyrics generation. Use when the user wants to create songs, background music, soundtracks, write lyrics, or mentions "music generation", "BGM", or "songwriting".

bytedance
bytedance
content-media
open
design
301

image-generate

使用内置 image_generate.py 脚本生成图片, 准备清晰具体的 `prompt`。

bytedance
bytedance
content-media
open
design
299

anthropic-slack-gif-creator

Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like "make me a GIF of X doing Y for Slack."

davekilleen
davekilleen
content-media
open
design
299

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

davekilleen
davekilleen
content-media
open
design
291

office-sprite

Generate game-ready sprites for the Claude Office Visualizer using Nano Banana MCP and ImageMagick. Uses 45-degree front/top-down perspective (NOT isometric) with retro 16-bit pixel art style. Includes validation step before processing and helper scripts for background removal.

paulrobello
paulrobello
content-media
open
design
276

stitch-ui-design-variants

Generate alternative Stitch design variant prompts for A/B testing and creative exploration. Use when the user wants multiple style, layout, or content options for a Stitch screen. Takes a base Design Spec or prompt and produces 3 distinct variants (layout, style, or content variations).

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

stitch-design-md

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md. Use when the user wants to extract a style guide, create visual consistency across Stitch screens, or document design tokens (colors, typography, spacing) from existing Stitch designs. Retrieves screens via Stitch MCP and outputs a markdown design system file.

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

drawio-flowchart

Creates flowcharts, swim lane diagrams, and business process diagrams using Draw.io (diagrams.net). Covers standard flowchart shapes (process, decision, start/end), connectors, auto-layout, and export to PNG/SVG/PDF. Use when the user needs to visualize workflows, decision trees, or business processes.

partme-ai
partme-ai
content-media
open
Previous
Page 14 / 60
Next