Best agent skills for designers, page 2

Generate matched 3:4, 16:9, and 4:3 short-video cover images from toBeBetterJavaer video scripts or AI/Java technical topics.

itwanger/toBeBetterJavaer

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-skills

Shows how to run GSAP animations in React and Next.js with the useGSAP hook, refs, scoped selectors and automatic cleanup on unmount.

greensock/gsap-skills

Implement Google's Material Design 3 (Material You) UI system.

hamen/material-3-skill

Generates and edits images with GPT Image 2 or 2.5 through a packaged CLI and a prompt gallery, after settling which model fits the request.

wuyoscar/GPT-Image2-Skill

Helps install, generate and review Creative Tim UI blocks: shadcn/ui-based React and Tailwind sections that follow a restrained, production-minded design philosophy.

creativetimofficial/ui

Build terminal user interfaces (TUIs) using Ink (React for CLIs) and @inkjs/ui with a reactive, session-driven wizard pattern.

novuhq/novu

Creates or analyzes quiet, paper-texture zine posters with big negative space, one color accent and experimental type, returning an image prompt and the generated poster.

LiamGvchi/gc-minimal-zine-poster

This skill should be used when the user asks to "generate video prompts", "create Seedance prompts", "write video descriptions", mentions "Seedance", "seedance", "即梦", "即梦平台", "视频提示词", "视频生成"…

songguoxs/seedance-prompt-skill

Pushes the agent toward distinctive visual design for new or reworked UI: a clear aesthetic direction, deliberate typography and choices rooted in the subject.

anthropics/skills

Applies one of ten preset color and font themes to slide decks, documents or HTML pages, or creates a new theme on the fly after you choose from a showcase.

anthropics/skills

Prepare and, with a verified authenticated publishing route and authorization, publish daily conference-deadline countdown posts for @ccfddl on X/Twitter.

ccfddl/ccf-deadlines

Finds, generates and edits media for HyperFrames video projects: music, sound effects, images, icons, logos, voiceovers, captions and color grades.

heygen-com/hyperframes

Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.

heygen-com/hyperframes

Turn a topic or finished script into a complete, publish-ready explainer video — led by an AI presenter from an authorized adult presenter image, or performed in one of nine visual explainer styles…

cclank/lanshu-create-ai-presenter-video

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar

Professional logo and brand-mark design, from brief to production files.

kaankiziltug/logo-design-skill

Plans educational Manim videos before any code: researches the topic, asks about audience and scope, and writes a scene-by-scene scenes.md in 3Blue1Brown style.

adithya-s-k/manim_skill

Generate professional SVG logos and high-end showcase images.

op7418/logo-generator-skill

Creates project-specific design system rules from your codebase so coding agents implement Figma designs with your components, naming and tokens.

warpdotdev/warp

Generates a DESIGN.md design-language file for Google Stitch that encodes color, typography, layout, component behavior and motion rules to avoid generic AI-looking UI.

google-labs-code/stitch-skills

拉片：把一条成片拆成逐镜头的分析表——每个镜头的时长、景别、类别、运镜、画面. An agent skill from eternityspring/reelbench-skills.

eternityspring/reelbench-skills

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…

flornkm/personal-site

Teaches the GSAP timeline API for sequencing animations: gsap.timeline(), the position parameter, labels, defaults, nesting and playback control.

greensock/gsap-skills

Agent Media OS, the single skill for every media need in a HyperFrames project.

edenfunf/reelmimic

Perform a scoped IBM Equal Access Level 1 compliance audit of a chosen Langflow frontend surface (routes, components, or a PR) and produce a findings report mapped to WCAG/IBM Level 1 criteria.

langflow-ai/langflow

Implement AI image generation capabilities using the z-ai-web-dev-sdk.

jjyaoao/HelloAgents

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

exceptionless/Exceptionless

Build or update an interactive isometric map of a repository's architecture — buildings sized by real measurements, neighborhoods by subsystem, animated flows tracing actual call paths, and a drift…

almendili/skills

Build premium scroll-driven landing pages for service, product, food, and drink brands.

nateherkai/scroll-craft

Creates one vertical editorial image from an uploaded photo, keeping the photo untouched and adding an abstract panel and short English title derived from it.

ZzzLc0405/photo-abstract-editorial

Create complete documentation sites for projects. An agent skill from victorgarciaesgi/nuxt-typed-router.

victorgarciaesgi/nuxt-typed-router

Audits one product surface against its own design evidence and writes self-contained implementation plans for another agent, without touching product source.

ibelick/ui-skills

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content.

VectifyAI/OpenKB

Write or revise a page under docs/ for gofastmcp.com. An agent skill from PrefectHQ/fastmcp.

PrefectHQ/fastmcp

把 AI 生成或已有的视频、序列帧变成随滚动、指针、拖动、触摸、设备方向、音频、数据或状态变化的网页动画：设计动作方向，生成关键帧与视频，整理成图集或视频，编译时间轴并接入运行时。用户需要角色转向、产品拆解、镜头穿越、一镜到底转场，或要清理、抠色、补帧、压缩绿幕视频与雪碧图时使用。不用于纯 CSS、JS、SVG、Lottie 或实时 3D…

oil-oil/oil-motion

Scaffolds a Next.js editor for designing App Store and Google Play screenshots as ads and exporting them at every required size, for iOS, Mac and Android.

ParthJadhav/app-store-screenshots

Paperclip UI design system guide for building consistent, reusable frontend components.

paperclipai/paperclip

Publish static HTML pages and asset folders to the Paperclip S3/CloudFront page host.

paperclipai/paperclip

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.

theowenyoung/home

A skill your agent uses when working with @tutti-os/ui-system components, replacing local UI with shared components, querying component ids or metadata, promoting UI into shared base or business…

tutti-os/tutti

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo.

yanliudesign/mono-color-skill

Edits real mobile screen recordings into a configurable demo video with phone framing, title cards, cutaways and an end card, using a bundled renderer.

superset-sh/superset

Create visual concepts, image-generation prompts, and optional AI-generated images for product hero images, marketing creatives, social posts, ads, ecommerce PDP visuals, and general visual design…

liangdabiao/ecom-details-image

Find and remove AI slop — the generic, machine-default visual and copy tics of vibe-coded products — from a web project.

yetone/kill-ai-slop

Batch-generate images via OpenAI Images API. An agent skill from trpc-group/trpc-agent-go.

trpc-group/trpc-agent-go

Run an evidence-led web quality audit covering performance, accessibility, SEO, best practices, and agentic browsing.

addyosmani/web-quality-skills

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and LinkedIn.

alonw0/web-asset-generator