设计

AI 推荐

设计

Design System

Build or modify UI components, style pages, apply theming, use typography, colors, loading states, or any visual/layout work.

feelancer210

SkillsPool

搜索技能.../

设计

搜索查看全部分类

AI 推荐

设计

Design System

Build or modify UI components, style pages, apply theming, use typography, colors, loading states, or any visual/layout work.

feelancer210

设计

Generate primitive color tonal scales from a brand hex or RGB input, write them to code tokens, and push variable values to Figma. Triggers: "generate color scale", "dls-color-scale", "create color palette", "create color scale", "brand color tokens", "primitive color tokens", "generate palette from hex", "add color to DLS".

jw-wu0

设计

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.

fabioeducacross0

设计

Astro Starlight Charts

Conventions, recipes, and anti-patterns for building static SVG chart components with Astro and D3 in a Starlight docs site. Use this skill whenever you are creating or editing Astro chart components, adding chart imports to MDX files, or debugging layout and theming issues in existing charts. Triggers on any work involving `.astro` chart components, `@charts/` imports, or D3-based server-side SVG development.

fea-game0

设计

Excalidraw Diagram Generator

Generates Excalidraw-format diagrams from natural language descriptions. Invoke when user asks to create diagrams, flowcharts, mind maps, architecture diagrams, or any visual representation.

jinsi-ai0

设计

Variant Generator

Genera variantes de componentes en Figma a partir de props/enums del codigo (React, Vue, Svelte, Angular, etc.). Usa cuando se necesita crear variantes de un componente existente, mapear estados del codigo a Figma, o completar un component set con variantes faltantes.

jios3250

设计

Create Placeholder Image

画像生成AI用プロンプトを含むプレースホルダー画像を生成するスキル。技術ドキュメントに挿入するイラスト用のプレースホルダー画像を作成する際に使用する。プロンプト、スタイル、要素、日本語ラベルを指定してJPG画像を生成する。

fcircle-biz0

设计

Stability Ai

Geracao de imagens via Stability AI (SD3.5, Ultra, Core). Text-to-image, img2img, inpainting, upscale, remove-bg, search-replace. 15 estilos artisticos.

fbgouveia0

设计

Hand Drawn Diagrams

Create hand-drawn Excalidraw diagrams, flows, explainers, wireframes, and page mockups. Default to monochrome sketch output; allow restrained color only for page mockups when the user explicitly wants webpage-like fidelity.

iamcaominhtien0

设计

Banner Forge

Generate complete banner ad campaigns across 15+ IAB, programmatic, and social sizes from a single brand config or Figma frame. Use when the user needs display ads, HTML5 banners, animated GIFs, static images for Meta/LinkedIn/TikTok, or wants to batch-resize creative across ad-network specs (Google Ads, DV360, The Trade Desk, Adform, Amazon DSP).

Joeldkelly0

设计

D3 Viz

Creating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations, or any complex SVG-based data visualisation that requires fine-grained control over visual elements, transitions, or interactions. Use this for bespoke visualisations beyond standard charting libraries, whether in React, Vue, Svelte, vanilla JavaScript, or any other environment.

fazedordecodigo0

设计

Design Mockup Ios

Generate a Mockup.swift SwiftUI preview file from design tokens, build and run on simulator via XcodeBuildMCP, capture a screenshot as the baseline for /design-verify-ios.

joi-fairshare0

设计

Design Mockup Web

Generate an HTML mockup informed by the design language, serve it via the visual companion, iterate with feedback until approved, then screenshot the final version as a baseline for /design-verify-web.

joi-fairshare0

设计

Vaporwave Ui Color Designer

Designs cohesive vaporwave-inspired UI color systems for modern portfolio websites. Produces readable, professional dark and light themes with clear semantic color tokens and usage guidance.

farolinar0

设计

Canvas Design

使用设计哲学在 .png 和 .pdf 文档中创作精美的视觉艺术。当用户要求创作海报、艺术品、设计或其他静态作品时，应使用此技能。创作原创视觉设计，绝不抄袭现有艺术家的作品，以避免侵犯版权。

Fantasia19990

设计

Makepad Shaders

CRITICAL: Use for Makepad shader system. Triggers on: makepad shader, makepad draw_bg, Sdf2d, makepad pixel, makepad glsl, makepad sdf, draw_quad, makepad gpu, makepad 着色器, makepad shader 语法, makepad 绘制

Jos-few430

设计

Ui Ux Pro Max

Searchable design intelligence database with 67 styles, 161 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. Use when: choosing styles, colors, fonts, building new pages, creating landing pages, improving UI, adding dark mode, charts, or data visualization. Triggers: design system, color palette, font pairing, style guide, UX review, chart recommendation.

josh93810

设计

Sketch

Rapid visual prototyping. Paint with code — get ideas on screen fast from a text description or pasted image. No architecture, no data layer.

joshcoolman-smc0

设计

bitmap-to-vector

Convert raster/bitmap images (PNG, JPG, BMP, etc.) to clean SVG vector files using potrace-based tracing. Use this skill whenever the user wants to vectorize an image, trace a bitmap, convert a raster image to SVG, create an icon from a photo or illustration, or extract vector shapes from a bitmap. Also trigger when the user uploads an image and asks for it "as a vector", "as SVG", "as an icon", or mentions "tracing" in the context of images. This includes logos, icons, illustrations, silhouettes, pixel art, hand-drawn sketches, or any raster artwork the user wants in vector format.

joshcoolman-smc0

设计

Working With Content

Working with text (fonts, mixed styles, missing fonts), images (add, manipulate, CORS), and vector paths (SVG data) in Figma plugins.

fabioeducacross0

设计

Algorithmic Art

Create generative algorithmic art in Jupyter notebooks using p5.js. Use when asked to create generative art, creative coding, algorithmic visuals, or p5.js sketches in a notebook.

jtpio0

设计

Color Palette

Generate complete, accessible color palettes from a single brand hex. Creates 11-shade scale (50-950), semantic tokens (background, foreground, card, muted), and dark mode variants. Includes WCAG contrast checking for text accessibility. Use when: setting up design system, creating Tailwind theme, building brand colors from single hex, converting designs to code, checking color accessibility.

Juamnoz0

设计

Image Gen

Generate website images with Gemini 3 Native Image Generation. Covers hero banners, service cards, infographics with legible text, and multi-turn editing. Includes Australian-specific imagery patterns. Use when stock photos don't fit, need text in images, or require consistent style across assets. Prevents 5 documented errors.

Juamnoz0

设计

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.

ianclemence0

设计

Diagram

Generate diagrams, charts, and plots styled with Gruvbox dark theme colors. Supports PlantUML (ERDs, class/sequence/component diagrams) and gnuplot (function plots, data visualizations, charts, waveforms, benchmarks).

junkdog0

设计

Meme Generation

Generate real meme images by picking a template and overlaying text with Pillow. Produces actual .png meme files.

ibragimov-oasis0

设计

Slide Builder

Build PowerPoint presentations from YAML content using SlideCraft. Use when the user asks to create a deck, presentation, pitch deck, or slides.

jvsteiner0

设计

Layout Sizing

This skill should be used when the user asks about "layout", "sizing", "coordinates", "1920x1080", "world units", "PPU", "pixels per unit", "SVG import", "texture size", "grid positioning", "screen dimensions", "camera", "orthographic size", "reserve zones", "LayoutConfig", or discusses Board display layout and sprite sizing.

jwmyers0

设计

Create Color Scale

Generate a tonal color scale (steps 50–950) from a hex or RGB input and push it as COLOR variables to a Figma file. No code tokens, no showcase, no external config files needed — just color input and a Figma destination. Triggers: "create color scale", "generate color scale", "add color to Figma", "create palette in Figma", "push color variables to Figma", "create color variables".

jw-wu0

设计

Mkimg

CLI image editor and generator for ad creatives, social media graphics, and visual content.

jwvictor0

设计

Design System

设计

Design System

Dls Color Scale

Marp Slide

Astro Starlight Charts

Excalidraw Diagram Generator

Variant Generator

Create Placeholder Image

Stability Ai

Hand Drawn Diagrams

Banner Forge

D3 Viz

Design Mockup Ios

Design Mockup Web

Vaporwave Ui Color Designer

Canvas Design

Makepad Shaders

Ui Ux Pro Max

Sketch

bitmap-to-vector

Working With Content

Algorithmic Art

Color Palette

Image Gen

Ascii Art

Diagram

Meme Generation

Slide Builder

Layout Sizing

Create Color Scale

Mkimg