Best agent skills for designers, page 12

A skill your agent uses when the user asks to generate or edit images via the OpenAI Image API (for example: generate image, edit/inpaint/mask, background removal or replacement, transparent…

JetBrains/skills

Launch and promote a custom shadcn/ui registry end-to-end: validate registry.json, prepare the official shadcn-ui/ui directory PR, community directory PRs (registry.directory, shadcntemplates…

shadcn-labs/framecn

Builds bidirectional Streamlit Custom Components v2 (CCv2) using st.components.v2.component.

iusztinpaul/designing-real-world-ai-agents-workshop

Builds and lays out Obsidian Canvas files with sub-agents for images, diagrams and layout, from flowcharts and mood boards to presentation decks.

AgriciDaniel/claude-canvas

A skill your agent uses when building terminal user interfaces with React Ink - interactive CLI apps, terminal dashboards, progress displays, or keyboard-driven TUI components.

pass-agent/loomkin

Build or adapt a local browser/CDP harness to drive and inspect a web, IDE, or Electron UI.

cursor/plugins

3D work in the studio's own Blender with its toolkits: MoBlend (MoGraph cloners, effectors, fields, MoText, fracture), Nova FX (particles, fire, sparks, fireworks), Camera (framing, shot presets…

GTKottman/mortiflix-oss

生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风…

OWWZO/ai-agent

Read verified Altium schematic connectivity from .PrjPcb projects or .SchDoc sheets through the bundled script-only Windows JSON runtime.

Chsier/ADReader

Create and render wireframes using wiremd — a text-first tool that converts Markdown into visual HTML mockups.

akonan/wiremd

Generate interactive, inline HTML/SVG widgets (charts, diagrams, forms, dashboards, illustrations) that render in sandboxed iframes inside Kocoro Desktop chat.

Kocoro-lab/Kocoro

PBGui CSS design tokens for FastAPI frontend pages. An agent skill from msei99/pbgui.

msei99/pbgui

Generate a branded slide-by-slide LinkedIn carousel using Gemini.

charlie947/social-media-skills

GAME skill. An agent skill from duolahypercho/gauntlet-loop.

duolahypercho/gauntlet-loop

A skill your agent uses to extract a design.md from existing frontend code, websites, or screenshots.

Ikaleio/lm-detector

Build correct, accessible UI with @radix-ng/primitives — the signals-first, headless Angular primitive library.

radix-ng/primitives

Generates and edits SVG logos, icons, and graphics. An agent skill from tryopendata/skills.

tryopendata/skills

Home Assistant frontend styling, theming, spacing, responsive layout, RTL, and View Transitions guidance.

home-assistant/frontend

Scores a riso film or reworks its score. An agent skill from sevenevesai/riso-windowseat.

sevenevesai/riso-windowseat

Create or refresh Morphous website design-system/theme bundles from animal, insect, plant, landscape, mineral, weather, or other nature motifs.

Ameyanagi/morphos

Designer role. An agent skill from hiyeshu/codeck.

hiyeshu/codeck

Build an interactive competitive-traffic report for any company and its rivals — monthly visits (SimilarWeb), organic search traffic and Domain Rating (Ahrefs) — as one self-contained HTML page with…

OpenClaudia/openclaudia-skills

Structure Remotion markup for interactivity. An agent skill from remotion-dev/remotion.

remotion-dev/remotion

Covers GSAP plugin use: registration, scroll, Flip, Draggable, SVG, text, physics and easing plugins, with the current free licensing and npm install guidance.

greensock/gsap-skills

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.

bergside/typeui

Design comprehensive test cases using PICT (Pairwise Independent Combinatorial Testing) for any piece of requirements or code.

omkamal/pypict-claude-skill

Strict orchestration workflow for engineering tasks that must be solved one numbered problem at a time through an explicit cycle: define the current problem, build a Robust Code strategy, delegate…

danpacho/tailwindest

Single-page, longform infographic for thought leadership posts.

danielmeppiel/agentic-sdlc-handbook

Builds new interface components inside an existing project, reusing its design system, stack and conventions instead of producing isolated demo UI.

kostja94/bricks

Turns one photograph into a minimal two-sided 2:3 postcard: the original photo above a hand-drawn motif, small metadata and three color swatches, plus a matching back.

Whiplashzeb/photo-to-zine-postcard

Interviews you about a video idea, then writes a timed shot-by-shot prompt for Seedance 2.0 using its image, video and audio reference syntax.

elementsix/elementsix-skills

A skill your agent uses when building UI with the ranui web-component library (elements like <r-button, <r-modal, <r-select, <r-input, <r-message) or its fluent DOM builder (ranui/builder —…

chaxus/ran

Design Apple-style iOS/macOS interfaces following Human Interface Guidelines.

axiaoge2/Apple-Hig-Designer

Generate or refine prompts for 杉泽流派 / Shan Ze school-inspired new-oriental mythic ink-and-color fantasy images, especially when the user asks for 山海经、神怪、异兽、妖怪、国风神话、工笔水墨奇幻、东方幻想生物插画, or wants an…

vibeshotclub/vsc-skills

Audit and report on design token usage (color, spacing, typography, elevation, border-radius) across SCSS packages.

telerik/kendo-themes

Build, run, and drive the Umbraco.UI (UUI) web-component library via its Storybook.

umbraco/Umbraco.UI

Designs Xiaohongshu and WeChat article covers around information density and a visual anchor, then writes a complete image prompt, color plan and critique.

ponyodong2026/ponyo-cover-anchor-system

Turns a supplied photo into a vertical 3:5 paper-collage poster that keeps the photograph truthful beside a simplified illustration field and a hand-torn edge.

Zeejay0/gathered-scenes-zine-skill

For users creating a two-player co-op game menu or opening animation.

tl2012tl/comfyUI-llama-TE

Implements user interfaces using the Wonder Blocks (WB) design system — Khan Academy's React component library.

Khan/wonder-blocks

Install, choose, and compose 23rd shadcn/ui registry components for React and Svelte 5.

radiumcoders/23rd.dev

A skill your agent uses when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

Manavarya09/design-extract

Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).

vibe-motion/skills

Check GitHub notifications for upstream dcastil/tailwind-merge pull requests and port merged ones into this Ruby gem (branch, translated code, tests, commit, PR).

gjtorikian/tailwind_merge

Generate and download images through APIMart's asynchronous GPT-Image-2 API.

kangarooking/kangarooking-skills

Generate PNG images by building a real Three.js 3D scene and capturing one frame headlessly — no image model involved.

hassancs91/claude-image-generation

DST — Trigger the Visual-Regression-Tests (Chromatic) GitHub Actions workflow on the current or a given branch.

marigold-ui/marigold

Creates a visual engineering implementation plan as a single self-contained HTML page saved to specs/<name.html — the plan authored directly in styled HTML, with one AI-generated diagram image per…

disler/pi-agent-observability