category focus

Design

UI/UX, graphics, and prototyping.

1436 个技能all categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
design
355

diagramming

Create technical diagrams using Mermaid syntax for architecture, sequences, ERDs, flowcharts, and state machines. Use for visualizing system design, data flows, and processes. Triggers: diagram, mermaid, architecture diagram, sequence diagram, flowchart, ERD, entity relationship, state diagram, C4 model, component diagram, visualize, draw.

ynulihao
ynulihao
content-media
open
design
349

geek-skills-ppt-designer

专业PPT设计与制作skill,基于设计最佳实践创建精美、专业的演示文稿。涵盖排版、配色、图片处理、视觉层次等核心设计原则。当用户需要制作高质量PPT、改进现有PPT设计、学习PPT制作技巧,或需要商务演示、学术报告、创意提案等场景的专业演示文稿时使用。可与seedream-imagegen skill配合为PPT生成定制化配图。

staruhub
staruhub
content-media
open
design
349

geek-skills-seedream-imagegen

Generate AI images using ByteDance's Seedream 4.0 API. Use when user wants to create, generate, or make images from text descriptions, especially for professional graphics, marketing materials, posters, product visualization, or high-quality visual content. Supports 2K/4K resolution, multiple aspect ratios, batch generation, and reference image guidance. Ideal for marketing assets, concept art, social media graphics, and design projects.

staruhub
staruhub
content-media
open
design
343

slack-gif-creator

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用,例如"为 Slack 制作一个 X 做 Y 的 GIF"。

LeastBit
LeastBit
content-media
open
design
343

canvas-design

使用设计哲学创作精美的 .png 和 .pdf 格式视觉艺术作品。当用户要求创作海报、艺术品、设计作品或其他静态作品时,应使用此技能。创作原创视觉设计,切勿复制现有艺术家的作品以避免版权侵权。

LeastBit
LeastBit
content-media
open
design
343

brand-guidelines

将 Anthropic 官方品牌颜色和字体应用于任何可能需要 Anthropic 视觉风格的作品。适用于品牌颜色或样式指南、视觉格式化或公司设计标准的场景。

LeastBit
LeastBit
content-media
open
design
337

tool-design-style-selector

Use when you need to define or converge a project's visual direction. Scan project documentation to identify intent, then produce a design-system.md (either preserve existing style or pick from 30 presets). Triggers: design system, design spec, UI style, visual style, design tokens, color palette, typography, layout. Flow: scan → intent → (gate) preserve vs preset → deploy design-system.md after confirmation → (default) implement UI/UX per design-system.md (plan first, then execute).

Heyvhuang
Heyvhuang
content-media
open
design
332

nw-diagram

Generates C4 architecture diagrams (context, container, component) in Mermaid or PlantUML. Use when creating or updating architecture visualizations.

nWave-ai
nWave-ai
content-media
open
design
328

cover-image

Generate article cover images with 5 dimensions (type, palette, rendering, text, mood). 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'.

notedit
notedit
content-media
open
design
328

draw

Generate diagrams and vector graphics. Supports Mermaid (flowcharts, sequence diagrams, ER diagrams, Gantt charts, mind maps) via mermaid-py, and custom vector graphics (shapes, text, gradients, layers) via cli-anything-inkscape. Outputs PNG/SVG/PDF to workspace/. Use when the user wants to visualize workflows, architecture, data relationships, research timelines, concept maps, or create polished figures for papers.

ZimoLiao
ZimoLiao
content-media
open
design
328

vcad

Create 3D CAD models using vcad MCP tools. Use when the user asks to create 3D parts, mechanical components, enclosures, brackets, gears, or any parametric geometry. Supports primitives, sketch-based operations (extrude, revolve, sweep, loft), booleans, patterns, fillets, shell, assemblies, and export to STL/GLB.

ecto
ecto
content-media
open
design
323

nano-banana

Generates AI images using the nano-banana CLI (Gemini 3.1 Flash default, Pro available). Handles multi-resolution (512-4K), aspect ratios, reference images for style transfer, green screen workflow for transparent assets, cost tracking, and exact dimension control. Use when asked to "generate an image", "create a sprite", "make an asset", "generate artwork", or any image generation task for UI mockups, game assets, videos, or marketing materials.

kingbootoshi
kingbootoshi
content-media
open
design
322

og-image-design

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

inference-sh
inference-sh
content-media
open
design
316

favicon

Generate a complete set of favicons from a source image and update HTML. Use when setting up favicons for a web project.

brianlovin
brianlovin
content-media
open
design
314

kibana-vega

Create Vega and Vega-Lite visualizations with ES|QL data sources in Kibana. Use when building custom charts, dashboards, or programmatic panel layouts beyond standard Lens charts.

elastic
elastic
content-media
open
design
308

nano-banana-pro

Generate or edit images via Gemini 3 Pro Image (Nano Banana Pro). Use when asked to create, generate, or edit images and a Gemini API key is available. Supports text-to-image generation, single-image editing, and multi-image composition (up to 14 images).

swarmclawai
swarmclawai
content-media
open
design
304

p5js-random-grid-selector-with-labels

Create a p5.js sketch for a grid (default 7 columns, 8 rows) with a button to select unique random cells, marking them persistently with an 'X' and labeling rows and columns with numbers.

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

flask

Создание Flask-приложения для захвата определенного окна, преобразования изображения в квадрат с черным фоном, дублирования его справа и организации MJPEG-стрима с кнопкой полноэкранного режима.

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

character-fashion-color-consultant

Generates, formats, and analyzes color palettes for character features and fashion garments. Performs style assessments, compatibility checks, targeted adjustments, maps source palettes to specific item lists (including specialized 15-category anime distribution), visualizes garment aesthetics, evaluates suitability for character archetypes, and transforms detailed item descriptions into structured lists with color accents.

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

python-28x28-drawing-to-numpy-array-gui

Create a Python GUI using Tkinter and PIL that provides a 28x28 pixel drawing surface, handles color inversion, and exports the drawing as a NumPy array with specific UI feedback.

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

book-dream-wrestlemania-card

Create a dream wrestling event card that includes specific WWE brands (Raw, SmackDown, NXT, 205 Live, Legends), featuring match highlights and a list of best moments.

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

single-line-html-svg-generator

Generates responses as a strict single-line HTML/CSS/SVG string acting as the Super Advanced Emotional NLP Generator (SAENG), using specific tag structures, ID incrementing, emotion-based visual styling, and optional SVG graphics.

ECNU-ICALK
ECNU-ICALK
content-media
open
Previous
Page 12 / 60
Next