Best agent skills for designers, page 5

Use Opensource UI patterns and copy-paste React/Next.js components from opensourceui.in.

bidyut10/opensourceui

Generates article illustrations, batch slide infographics and cover images from your text, using Gemini, Mermaid or Excalidraw engines and a prompt-only mode.

axtonliu/smart-illustrator

Generate custom favicons from logos, text, or brand colours.

jezweb/claude-skills

Hybrid figure pipeline (Nano Banana raster + rembg background removal + TikZ vector assembly).

Muuuun/luxas

Implements an interface in one of two named color modes, iridescent white or colorful black, from a parameterized starter that reports measured color intensity.

sickn33/agentic-awesome-skills

Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/).

runkids/skillshare

Helps choose and drop in animated React components from Magic UI and React Bits for landing pages, marketing sites and dashboards, instead of hand-coding animations.

Hainrixz/editor-pro-max

Audit and improve web accessibility following WCAG 2.2 guidelines.

ever-works/ever-works

Assign Claude Code a read-only investigation, recommendation, or finished text draft.

EpicenterHQ/epicenter

Design, implement, audit, or refactor web and game-adjacent interfaces using an evidence-based Hypergryph visual language with two independent choices: product family and application depth (1…

Brandon030722/ark-ui-skill

Create banners using AI image generation. An agent skill from ReScienceLab/opc-skills.

ReScienceLab/opc-skills

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns.

SuFxGIT/scoutarr

Create, repair, validate, visually QA, and package MyAgents/Codex-compatible animated pets and pet spritesheets from character art, generated images, company or prospect brand cues, or visual…

hAcKlyc/MyAgents

Pixel-perfect Figma to React conversion using coderio. An agent skill from MigoXLab/coderio.

MigoXLab/coderio

Generate images using Nano Banana Pro (Gemini 3 Pro Preview).

lxfater/nano-image-generator-skill

Design or redesign frontend UI, presentations, and graphics on the Superdesign canvas with a choice of leading AI models.

superdesigndev/superdesign-skill

AI creative director with recursive self-assessment. An agent skill from smixs/creative-director-skill.

smixs/creative-director-skill

Generate and refine AIGC image prompts by combining rare, prompt-ready visual sub-style tags from a bundled 620-entry style library.

vibeshotclub/vsc-skills

Critically review strategy drafts from edge-strategy-designer for edge plausibility, overfitting risk, sample size adequacy, and execution realism.

tradermonty/claude-trading-skills

Turn a directory of static HTML pages into a live commenting surface.

paraschopra/make-pages-interactive

Build new shadcn-style components for Plate's registry and editor surfaces.

udecode/plate

Manages shadcn-svelte components and projects — adding, updating, fixing, debugging, styling, and composing UI.

exceptionless/Exceptionless

AI image generation with OpenAI, Google, DashScope and Replicate APIs.

XY121718/baoyu-skills

Turns text, URLs or local files into tall PNG cards through HTML typography, with four modes: long reading card, full-text layout, comic and whiteboard.

lijigang/ljg-skills

Edit images with precision — crop, resize, mirror, rotate, trim, and reframe.

peterkrueck/Claude-Code-Development-Kit

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

Creates 120fps GPU-accelerated animations with Motion.dev (Framer Motion successor) for React, Next.js, Svelte, and Astro projects.

199-biotechnologies/motion-dev-animations-skill

Scans a Figma file through the Figma REST API and builds an interactive knowledge graph of its pages, screens, components and tokens for the design dashboard.

Egonex-AI/Understand-Anything

先复述参考视频内容与叙事逻辑，和用户确认理解后，再反推 MiniMax H3 文生视频或逐镜图生视频提示词。Use when the user asks to reverse-engineer a video into prompts, reconstruct shots, extract first/end-frame prompts, adapt a reference to H3, or…

gnipbao/minimax-h3-video-reverse-skill

Directs a short film made entirely in code in one of the Lemo-Opuscar library's named visual styles, from fetching the library through production and delivery.

lemomo-ai/lemo-opuscar

UI/UX best practices for web interfaces. An agent skill from raphaelsalaja/userinterface-wiki.

raphaelsalaja/userinterface-wiki

Generate full-background editorial illustrations in Anthropic's hand-drawn visual language: warm or muted opaque color fields, irregular ivory carrier shapes, and bold black gestural linework.

HalfAI1102/anthropic-art

Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming.

megaarmos/vue-spring-bottom-sheet

Generate production-grade UI using real component patterns and best practices from 60+ documented interface components.

carmahhawwari/ui-design-brain

Design, derive, optimize, diagnose, and rewrite scripts or copy-ready prompts specifically for Dreamina/即梦 Seedance 2.5.

liyue-aigc/seedance-2-5-video-director

Guides an approval-gated video editing pipeline from raw footage to an audited DaVinci Resolve timeline, with scripting, optional TTS and a blueprint at each stage.

liuluhaixiu/DaVinci-AutoEdit-Agent

Analyzes a reference video's layout, motion and timing over a chosen time range, then builds an original animated replica with new copy and assets plus a final video QC.

Pluviobyte/rnskill

Code-drawn stills, drawing timelapses, films, explainers and interactive web animations in 31 styles, with composed scores.

alexgreensh/anidoodle

Generate a reusable design.md or DESIGN.md from a live website by deeply inspecting the site with agent-browser and agent-browser eval, then synthesizing its visual language, layout system…

Paidax01/web-to-design-md

Builds or updates full Figma screens from code or a description by reusing the file's published design system components, variables and styles.

warpdotdev/warp

Curated text animation catalog with exact JSON specs for headings, labels, counters, and text swaps.

pixel-point/animate-text

为即梦 Seedance 2.0 多模态AI视频生成模型撰写高质量提示词。当用户需要使用文本、图片、视频、音频等多模态输入创作视频提示词时触发。涵盖@引用语法、运镜复刻、特效模仿、视频延长、视频编辑、音乐卡点、电商广告、短剧创作、科普教育等场景。

dexhunter/seedance2-skill

A skill your agent uses when helping someone install, configure, or debug a fresh clone of JARVIS (this repo) — especially "the mic doesn't work", "JARVIS says his language systems are down", any…

ethanplusai/jarvis

Extract the full design language from any website URL. An agent skill from Manavarya09/design-extract.

Manavarya09/design-extract

Turns a music track into a beat-synced HyperFrames video such as a lyric video, slideshow or kinetic promo, with any supplied images or clips cut onto the beat grid.

heygen-com/hyperframes

Batch-scan Langflow frontend routes for accessibility issues using the Python IBM Equal Access scanner (scripts/a11y/a11yscan.py) and produce JSON/Markdown/HTML reports.

langflow-ai/langflow

Create or revise academic conference posters in HTML/CSS and export print-ready PDFs.

Chenruishuo/posterly

Generates roughly five-second video clips from a text prompt or a still image with the LTX-2.3 22B model, run through a Modal endpoint by `tools/ltx2.py`.

digitalsamba/claude-code-video-toolkit