Best agent skills for designers, page 15

Create or update a CodePlan design.md from clarified requirements, repository observations, constraints, and architecture intent.

tangziwen/CubeMiniGame

Read before writing or reviewing any frontend code in lightlystudioview - Svelte, TypeScript, or SvelteKit files.

lightly-ai/lightly-studio

Export Figma variables and styles as DTCG design tokens JSON via the tokens-bruecke CLI, either from the Figma REST API or from a local snapshot of Plugin API data.

tokens-bruecke/figma-plugin

Transcribing, displaying and animating captions. An agent skill from remotion-dev/remotion.

remotion-dev/remotion

Accessibility audit and remediation for Canvas LMS courses. An agent skill from vishalsachdev/canvas-mcp.

vishalsachdev/canvas-mcp

Apple's approach to interface design and fluid, physical motion, translated for the web.

flornkm/personal-site

A skill your agent uses when users want to install, integrate, or adapt 8StarLabs UI components in a Next.js plus shadcn project.

8starlabs/ui

把一个 Spec 的全部子 issue（或一组显式 issue）组建团队无人值守跑到全部合并或明确暂停. An agent skill from ArcReel/ArcReel.

ArcReel/ArcReel

Generate Minimal Zine Poster v0.1 poetic paper-poster prompts and the matching generated image.

yub369302-cyber/gc-minimal-zine-poster

Develop video direction, typography, color, visual mechanisms, storyboards, and asset prompts.

waker240/FullVideoProductionSkill

Build static HTML pages, reports, dashboards, and mockups that match the CodeMie UI design system.

codemie-ai/codemie-code

Multi-slide carousel design for Instagram, LinkedIn, and Twitter/X with layout rules and hooks.

danielmeppiel/agentic-sdlc-handbook

Add interface languages to a Doca editor subpackage (rich text, spreadsheet, Markdown, canvas, slides, and future formats) or the Doca host.

smartdoca/doca

Extract, reverse-engineer, and codify transferable visual-style systems from images, animation, illustration, live-action film, television, commercials, or video.

ajinnaaa/extract-visual-style-2

OUDS design token system rules and architecture. An agent skill from Orange-OpenSource/Orange-Boosted-Bootstrap.

Orange-OpenSource/Orange-Boosted-Bootstrap

Generate Nano Banana Pro (Gemini 3 Pro Image) prompts for e-commerce product photography.

MagicCube/agentara

Builds consistent characters, reference and expression sheets, outfit variations and character-to-video shots with the genmedia CLI while keeping identity stable.

fal-ai-community/skills

A skill your agent uses when Codex needs native image generation, editing, or engineered multi-image composition, especially sets, material kits, grids, storyboards, carousels, presentations…

zrt-ai-lab/opencode-skills

Coordinates nine creative roles, from brief analyst to project manager, so a brand, content or design task reaches the right specialist in a sensible order.

jinggreen15/ai-design-team

Premium scroll-driven landing pages; scroll = timeline. An agent skill from NousResearch/hermes-agent.

NousResearch/hermes-agent

MUST use when the user wants to RENDER or GENERATE an actual video / MP4 from a description, or ANIMATE a local image.

Kiyoraka/Project-AI-MemoryCore

The normative Design Guides for GPUI Kit desktop applications.

StudentWeis/ropy

根据用户给出的城市、地点列表、地址表或已有 POI JSON，生成 GIS/OSM 城市导览地图、打卡地图、街区指南、小酒馆/咖啡/餐饮点位地图，并可选用 GPT Image 做风格化。用户要求“出一张地图”“生成城市点位图”“检查点位对齐”“用高德解析地址”“做 OSM/GIS 底图”“风格化地图海报”时使用。

Hatari130/map-creator

Build Vue 3 components with TypeScript and Tailwind using clean structure, composable logic, accessibility, and maintainable patterns.

scalar/scalar

Build, improve, or inspect UI with StyleSeed. An agent skill from bitjaru/styleseed.

bitjaru/styleseed

Turn rich agent answers and any file, folder, URL, or export into a polished single-file HTML page.

clockless-org/html-anything

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

Builds a single self-contained HTML landing page from a template with copy frameworks, four themes and SEO meta, then runs bundled audit scripts for conversion and speed.

buildfastwithai/gen-ai-experiments

Daily pipeline that picks one long video from a folder, transcribes it with Whisper, uses Gemini 3 Flash multimodal to find every viral short-form moment, cuts each candidate with FFmpeg, adds a…

Upload-Post/skill-autoshorts

Concrete UI visual rule set for generating and reviewing restrained neutral interfaces.

jaytel0/taste

Find and install brand SVG logos via SVGL (https://svgl.app/) and Wikimedia Commons fallbacks into any project's static asset folder.

scott-fryxell/brayness

Drives the BananaTape CLI to create, launch, list and delete local AI image editing projects from an agent, including headless smoke tests.

NomaDamas/bananatape

Show a chart, diagram, table, report or mockup inline in this Orca chat as an HTML page.

stablyai/orca

A skill your agent uses when building or refactoring functional React/Vite/Tailwind UI pages, templates, or component libraries that need consistent structure, tokenized styling, accessibility…

victorGPT/vibeusage

Guide an installing agent through a staged PPT or slide workflow without constraining its implementation choices.

mucsbr/ppt-agent-workflow-san

Designs typography-driven video covers and thumbnails in HTML/CSS and screenshots them with Chrome DevTools at 16:9, 16:10, 9:16 and 3:4.

sugarforever/01coder-agent-skills

Review a library/package from the perspective of an external downstream consumer — build a throwaway crate/project that depends on it the way a real user would, exercise the public API, and surface…

jaemk/cached

将剧本、分镜脚本及人物或场景设定转化为电影级九宫格分镜图和时间线镜头表，并在分镜完成后询问是否依据已确认分镜与用户素材制作独立的成片关键帧。适用于叙事影片、广告、MV、短剧的镜头拆解、画面调度、运镜、转场、分镜单格放大与关键帧美术呈现；严格区分只表达运镜、构图和光影设计的分镜图，与由用户人物、场景及风格素材决定最终美术的关键帧。

TanShilongMario/clipshot

Index of every documented @radix-ng/primitives example. An agent skill from radix-ng/primitives.

radix-ng/primitives

Generate a single image from a text prompt using the MiniMax image generation API.

Sma1lboy/rove

Apply consistent Material Design UI theming in Egroo using MudBlazor.

jihadkhawaja/Egroo

Create or improve procedural risograph still art, illustrations, posters, print series and images in this repo.

sevenevesai/riso-windowseat

A skill your agent uses when turning a YouTube URL or local presentation, explainer, interview, podcast, or product-demo video into complete screenshot-led notes, faithful light-polished text, HTML…

chenzixin1/watchless

生成电商商品视觉方案：主图概念、场景图、详情页视觉方向和 AI 生图 Prompt. An agent skill from ZJU-REAL/Easel.

ZJU-REAL/Easel

A skill your agent uses when the user has a music track (an audio file, or a video to pull audio from) and wants a beat-synced HyperFrames video, calm to hard-hitting.

chmonitor/chmonitor

Design or substantially improve a landing page for tinte. An agent skill from Railly/tinte.

Railly/tinte

Build, validate, and debug GolemUI forms in React, Angular, Vue, Lit, or vanilla JS.

golemui/golemui

Make a short video about a product or brand (promo, launch, explainer, demo or social clip) entirely in code with Remotion, from idea to a rendered MP4 with sound.

TechNomadCode/AI-Product-Development-Toolkit