Design

Parcourez les skills pour le design UI/UX, prototypage et systèmes de design

Les catégories, les étoiles GitHub et la date de dernière mise à jour à la source servent à structurer et ordonner le catalogue. Ces signaux ne constituent ni une recommandation, ni une certification de qualité, ni un contrôle de sécurité, ni une garantie d’adéquation. Consultez la page du skill et sa source avant utilisation.

22 036 résultats

openclaw/openclaw

Create SVG/HTML or Excalidraw diagrams for concepts, architecture, flows, and whiteboards.

Langue du contenu du Skill : anglais

openclaw/openclaw

Search meme templates, suggest formats, and generate local or hosted image memes.

Langue du contenu du Skill : anglais

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.

Langue du contenu du Skill : anglais

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.

Langue du contenu du Skill : anglais

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.

Langue du contenu du Skill : anglais

Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols (5000+ Apple-native) or Iconify API (275k+ open source icons from 200+ collections). Use when generating icons, creating icon assets, adding icons to asset catalog, or searching for icons for iOS projects.

Langue du contenu du Skill : anglais

baoyu-article-illustrator

NousResearch/hermes-agent

Article illustrations: type × style × palette consistency.

Langue du contenu du Skill : anglais

concept-diagrams

NousResearch/hermes-agent

Generate flat, minimal educational SVG visuals as HTML.

Langue du contenu du Skill : anglais

NousResearch/hermes-agent

Generate one- or two-ink editorial print poster images.

Langue du contenu du Skill : anglais

NousResearch/hermes-agent

Throwaway HTML mockups: 2-3 design variants to compare.

Langue du contenu du Skill : anglais

stable-diffusion

NousResearch/hermes-agent

Text-to-image generation, inpainting, and img2img.

Langue du contenu du Skill : anglais

NousResearch/hermes-agent

Draw code changes as animated architecture/data-flow SVGs.

Langue du contenu du Skill : anglais

architecture-diagram

NousResearch/hermes-agent

Dark-themed SVG architecture/cloud/infra diagrams as HTML.

Langue du contenu du Skill : anglais

NousResearch/hermes-agent

Manim CE animations: 3Blue1Brown math/algo videos.

Langue du contenu du Skill : anglais

popular-web-designs

NousResearch/hermes-agent

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Langue du contenu du Skill : anglais

design-philosophy

microsoft/vscode

The VS Code design philosophy — a shared Values→Principles→Moves vocabulary for reasoning about UI in design terms instead of raw pixels. Use when designing, building, reviewing, or giving feedback on any visual surface; when deciding a radius, spacing, type role, icon size, border, color, or motion; or when translating a "this feels off" observation into a concrete, principled fix.

Langue du contenu du Skill : anglais

anthropics/skills

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Langue du contenu du Skill : anglais

nextlevelbuilder/ui-ux-pro-max-skill

Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.

Langue du contenu du Skill : anglais

Generate or edit raster images when the task benefits from AI-created bitmap visuals such as photos, illustrations, textures, sprites, mockups, or transparent-background cutouts. Use when Codex should create a brand-new image, transform an existing image, or derive visual variants from references, and the output should be a bitmap asset rather than repo-native code or vector. Do not use when the task is better handled by editing existing SVG/vector/code-native assets, extending an established icon or logo system, or building the visual directly in HTML/CSS/canvas.

Langue du contenu du Skill : anglais

nexu-io/open-design

Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or more PNG/JPEG files saved to the project folder.

Langue du contenu du Skill : anglais

open-design-landing

nexu-io/open-design

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial collage) — the same aesthetic OpenDesign uses for its own marketing surface. The agent fills a typed `inputs.json` from a brand brief, optionally generates 16 collage assets via gpt-image-2, then runs a pure-function composer that emits a self-contained HTML file. Drop-in scroll-reveal motion and a Headroom-style sticky nav are wired automatically.

Langue du contenu du Skill : anglais

web-prototype-taste-editorial

nexu-io/open-design

Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.

Langue du contenu du Skill : anglais

wireframe-greybox

nexu-io/open-design

A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as solid "lorem bars" of varying widths, sharp 1.5–2px borders, and a single monospace redline accent for annotations. Reads like a structural blueprint before any visual design is applied. Use when the brief asks for "greybox", "blueprint wireframe", "lo-fi dashboard", "low fidelity", "线框图", or "灰盒原型".

Langue du contenu du Skill : anglais

nexu-io/open-design

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

Langue du contenu du Skill : anglais

frame-flowchart-sticky

nexu-io/open-design

SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

Langue du contenu du Skill : chinois

nexu-io/open-design

Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.

Langue du contenu du Skill : anglais

nexu-io/open-design

Single-image generation skill for posters, key art, and editorial illustrations. Defaults to gpt-image-2 but is provider-agnostic — the same workflow drives Flux, Imagen, or Midjourney via the active upstream tooling. Output is one or more PNG/JPEG files saved to the project folder.

Langue du contenu du Skill : anglais

web-prototype-taste-editorial

nexu-io/open-design

Editorial-minimalist web prototype. Warm monochrome canvas, serif display + grotesque body, 1px hairline borders, muted pastel chips, generous macro-whitespace, ambient micro-motion. Distilled from Leonxlnx/taste-skill `minimalist-skill`.

Langue du contenu du Skill : anglais

webgl-particle-galaxy

nexu-io/open-design

A real-time particle galaxy — tens of thousands of additive-blended GPU points spiraling around a bright core, their orbits solved entirely in the vertex shader (from gl_VertexID), so the whole cloud draws in one call. Rendered as a single self-contained `index.html`. Use when the brief asks for a "particle field", "particle galaxy", "point cloud", "instanced points", "starfield", "GPU particles", or a swirling generative point system. OpenDesign serves this in powered-preview mode so the GPU stack actually runs.

Langue du contenu du Skill : anglais

wireframe-greybox

nexu-io/open-design

A crisp greybox / blueprint lo-fi wireframe — neutral grey blocks on a pale page, image placeholders drawn as a rectangle with a diagonal X, text shown as solid "lorem bars" of varying widths, sharp 1.5–2px borders, and a single monospace redline accent for annotations. Reads like a structural blueprint before any visual design is applied. Use when the brief asks for "greybox", "blueprint wireframe", "lo-fi dashboard", "low fidelity", "线框图", or "灰盒原型".

Langue du contenu du Skill : anglais

od-web-effect-extractor

nexu-io/open-design

Extract visual effects, animation systems, Canvas/WebGL/Shader behavior, and interaction details from a reference website, then rebuild them as an editable OpenDesign web artifact.

Langue du contenu du Skill : anglais

algorithmic-art

nexu-io/open-design

Create generative art using p5.js with seeded randomness so every render is reproducible. Useful for procedural posters, motion-style stills, and artistic frame studies.

Langue du contenu du Skill : anglais

nexu-io/open-design

Create beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.

Langue du contenu du Skill : anglais

deck-guizang-editorial

nexu-io/open-design

Editorial magazine meets e-ink: 10 layouts and 5 palettes (Ink, Indigo Porcelain, Forest Ink, Kraft Paper, Dune).

Langue du contenu du Skill : chinois

editorial-burgundy-principles-template

nexu-io/open-design

Editorial studio deck template in burgundy / blush / muted-gold palette. Use when users ask for premium manifesto or culture slides with pill tags, large typographic statements, principle cards, and guided keyboard/click navigation.

Langue du contenu du Skill : anglais

nexu-io/open-design

Generate images and videos using fal.ai AI models. Production-grade catalogue covering Flux, SDXL, ideogram, and other community-hosted endpoints.

Langue du contenu du Skill : anglais

figma-create-new-file

nexu-io/open-design

Create a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.

Langue du contenu du Skill : anglais

figma-generate-design

nexu-io/open-design

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

Langue du contenu du Skill : anglais

frame-flowchart-sticky

nexu-io/open-design

SVG curve connectors, sticky-note nodes, and cursor interaction with a whiteboard-brainstorm feel.

Langue du contenu du Skill : chinois

frontend-slides

nexu-io/open-design

Generate animation-rich HTML presentations with visual style previews. Useful for online keynotes, embedded talks, and interactive briefs.

Langue du contenu du Skill : anglais

nexu-io/open-design

Create, repair, validate, preview, and package Codex-compatible animated pet spritesheets from character art, screenshots, generated images, or visual references. Use when a user wants to hatch a Codex pet, create a custom animated pet, or build a built-in pet asset with an 8x9 atlas, transparent unused cells, row-by-row animation prompts, QA contact sheets, preview videos, and pet.json packaging. This skill composes the installed $imagegen system skill for visual generation and uses bundled scripts for deterministic spritesheet assembly.

Langue du contenu du Skill : anglais

nexu-io/open-design

Generate and edit images using OpenAI's Image API for project assets — UI mockups, icons, illustrations, social cards, and visual references.

Langue du contenu du Skill : anglais

nexu-io/open-design

Generate images using Google Gemini's image generation API for UI mockups, icons, illustrations, and visual assets.

Langue du contenu du Skill : anglais

nexu-io/open-design

Generate and edit images and videos with an 85+ API portfolio and build visually appealing website pages via Pixelbin.

Langue du contenu du Skill : anglais

nexu-io/open-design

Create and edit .pptx presentation decks with PptxGenJS. Useful for sales decks, kickoff briefs, and design-system showcases.

Langue du contenu du Skill : anglais

venice-image-generate

nexu-io/open-design

Image generation endpoints and available styles via the Venice.ai API.

Langue du contenu du Skill : anglais

bytedance/deer-flow

Use this skill when the user requests to generate, create, or make presentations (PPT/PPTX). Creates visually rich slides by generating images for each slide and composing them into a PowerPoint file.

Langue du contenu du Skill : anglais

paperclipai/paperclip

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes.

Langue du contenu du Skill : anglais