[]

Design

The best skills for design-related work, like interfaces, visuals, presentations and design systems.

Interface

[475]
  • prototype

    Build a throwaway prototype to test whether a state model or UI idea works

    ★304K
  • frontend-design-direction

    Set a product-specific design direction for websites, dashboards and web UI work

    ★291K
  • make-interfaces-feel-better

    Polish UI spacing, typography, shadows, motion and hit areas so interfaces feel better

    ★291K
  • adversarial-ux-test

    Roleplay a hostile user to find and rank UX pain points in an interface

    ★258K
  • impeccable

    Frontend design guidance for polished, consistent web interfaces

    ★258K
  • figma-use-motion

    Animate Figma nodes with keyframes, easing and timeline durations

    ★223K
  • frontend-design

    Distinctive, intentional visual design for new or reshaped UI

    ★184K
  • frontend-design

    Give web UIs a distinctive visual direction with typography and layout choices

    ★154K
See all 475 skills

Visual & Art

[127]
  • baoyu-article-illustrator

    Create consistent article illustrations with matched style and palette

    ★258K
  • draw-your-font

    Turn a photo of your handwriting into an installable TTF font

    ★258K
  • mono-color

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

    ★258K
  • figma-shaders

    Create and iterate on procedural shader fills and effects in Figma

    ★223K
  • algorithmic-art

    Generative art in p5.js with seeded randomness and live parameters

    ★184K
  • canvas-design

    Generate original visual art as polished PNG or PDF exports

    ★184K
  • banner-design

    Design social, ad, hero and print banners in multiple art directions

    ★142K
  • algorithmic-art

    Make seeded p5.js generative art so every render can be reproduced exactly

    ★105K
See all 127 skills

Presentations

[300]
  • powerpoint

    Create, read and edit PowerPoint .pptx decks with python-pptx

    ★258K
  • pptx-author

    Build PowerPoint decks programmatically with python-pptx

    ★258K
  • figma-use-slides

    Build and edit Figma Slides presentations through the Figma MCP tool

    ★223K
  • pptx

    Create, read, edit and combine PowerPoint slide decks

    ★184K
  • slides

    Create HTML presentations with Chart.js charts, responsive layouts and slide strategy

    ★142K
  • create-slides-pitch

    Make a concise HTML pitch deck for an early-stage product with a finance-ready structure

    ★105K
  • deck-guizang-editorial

    Make e-ink editorial decks with ten layouts and five palettes to choose from

    ★105K
  • deck-open-slide-canvas

    Build a locked 1920 by 1080 deck where React components compose each slide freely

    ★105K
See all 300 skills

Brand Identity

[31]
  • ip-as-logo

    Design minimal mascot logos that stay readable at 32 pixels

    ★258K
  • brand-guidelines

    Apply Anthropic's brand colors and typography to any artifact

    ★184K
  • design

    Design brand identities, logos, tokens and UI styles with corporate mockups

    ★142K
  • brand-guidelines

    Apply Anthropic brand colors and typography to slides and documents

    ★105K
  • brandkit

    Generate brand guideline boards, logo systems and identity decks as images

    ★105K
  • brandfetch-automation

    Automate Brandfetch tasks with the Rube MCP toolkit from Composio

    ★78.2K
  • logo-dev-automation

    Fetch company logos and brand data from Logo.dev through Composio Rube MCP

    ★78.2K
  • applying-brand-guidelines

    Apply consistent colors, fonts and layouts from corporate brand rules to documents

    ★53.9K
See all 31 skills

Design Systems

[179]
  • design-system

    Extract design tokens from a codebase and audit its UI for visual consistency

    ★291K
  • figma-code-connect

    Map Figma components to code snippets with Code Connect template files

    ★223K
  • figma-create-new-file

    Create new Figma design, FigJam or Slides files through the Figma MCP tool

    ★223K
  • figma-generate-design

    Translate an app page or multi-section layout into an editable Figma design

    ★223K
  • figma-generate-library

    Build a Figma design system from code with variables, components and theming

    ★223K
  • figma-generative-plugins

    Author and update reusable generative Figma plugins through the Figma MCP tools

    ★223K
  • figma-use

    Run safe write and read actions in Figma files with the use_figma tool

    ★223K
  • theme-factory

    Style slides, docs and pages with 10 preset themes or a custom one

    ★184K
See all 179 skills

Diagrams

[146]
  • visualize

    Create inline visuals that explain code, or persistent OpenClaw dashboard widgets

    ★393K
  • anatomy

    Explain an idea as an interactive isometric machine diagram in HTML

    ★258K
  • archify

    Create validated interactive HTML diagrams of systems and architectures

    ★258K
  • concept-diagrams

    Create flat, minimal educational SVG diagrams as HTML pages

    ★258K
  • excalidraw

    Create hand-drawn Excalidraw JSON diagrams for architecture, flows and sequences

    ★258K
  • pr-lens

    Draw code changes as animated architecture and data-flow SVG diagrams

    ★258K
  • system-atlas

    Build explorable isometric architecture atlases as HTML pages

    ★258K
  • tldraw-offline

    Script and drive offline tldraw whiteboard canvases from code

    ★258K
See all 146 skills