Best agent skills for designers, page 9

Turns Chinese content into image-text card sets for Xiaohongshu and WeChat covers, with three visual styles rendered from a brief.json the agent writes.

dososo/blcaptain-style-skill

Design original 9:16 Chinese-language cinematic movie posters from story briefs, genre keywords, or visual references, including layered cover workflows with separate image-designed background and…

dacnay816y62-hub/fantasy-movie-poster-skill

Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro).

ReScienceLab/opc-skills

Turn any input (a website URL, a text brief, existing footage, a music track) into a finished, pixel-perfect MP4 — fully local, byte-stable across renders.

cosmicstack-labs/lazy-frames

Create distinctive, production-grade frontend interfaces with high design quality.

boussadjra/vuestrata

Turns an article, SOP, or tutorial into a self-contained, multi-page 3:4 HTML deck of image cards meant to be screenshotted page by page.

SpaceZephyr/creator-buddy

将主题或材料经搜索核实制成苹果 Live Photo 信息动效卡。用 Remotion 编排图片、PNG、emoji、场景、时间线和可选图表，适用于知识解释、产品比较、变化过程及数据故事；制作可预览动效与配对实况资源，说明接收端兼容性。

pengchujin/livecanvas

Guides the agent to design distinctive SwiftUI interfaces for iOS and macOS, with six anti-generic rules, a design direction workflow and a five-dimension review.

Wholiver/swiftui-design-skill

Consumer guide to build UIs with kampsy-ui (Svelte 5 + Tailwind v4, Geist-inspired).

kampsy/ui

Convert a public brand URL into a practical DESIGN.md file and optional single-file HTML demo.

shaom/brand-to-design-md-skill

Routes UI tasks to the smallest useful set of UI Skills through the ui-skills CLI, picking a category and loading at most three skills before implementing.

ibelick/ui-skills

This skill should be used when the user asks to "콘텐츠 만들어줘", "카드뉴스 만들어줘", "카드뉴스 영상 만들어줘", "리서치부터 영상까지", "콘텐츠 파이프라인", "content pipeline", "주제로 콘텐츠 만들어줘".

fivetaku/content-pipeline

Writes original educational comics with detailed panel layouts in a chosen art style and tone, generating the images in batches through whichever backend is available.

JimLiu/baoyu-skills

Covers OpenOlat's SASS theme architecture, CSS class conventions, DOM structure, and roughly 540 Java component renderers for styling work.

OpenOLAT/OpenOLAT

Guide for using @geajs/ui — a Tailwind-styled, Zag.js-powered component library for the Gea framework.

dashersw/gea

导演并制作多类型视频，从创意、研究、剧本、视觉开发、人物与声音设计、分镜和生成 Prompt，一直推进到素材生成、任务追踪与交付。适用于 Storytime Animation、Animated Explainer 与 Cinematic Drama，三个 Mode 均已完成实际作品验证。尚未建立专属 Mode 的类型不得冒充已支持流程。

s1dashu/director

Lays out dense analytics or trading-terminal screens in banded sections with hand-drawn SVG charts, instead of a wall of identical stat cards.

plugin87/ux-ui-agent-skills

Work with 90+ supported languages, compilers, CSS processors, and WASM-compiled languages for markup, style, and script editors.

live-codes/livecodes

Drive a strict conversational, image-first and image-final brand identity design process.

ziguishian/brand-design-skill

Turns one approved master still into a full set of animated action clips for a character, one image-to-video take per action, then packages them for a game engine.

0x0funky/agent-sprite-forge

Shark UI skill for the Ark UI–based shadcn-style registry. An agent skill from sharkui-inc/shark-ui.

sharkui-inc/shark-ui

生成风格统一的图标集合，通过宫格生图、切分和去背景交付透明 PNG。用户需要成套自定义图标、栏目图标或匹配品牌风格的图标时使用；不用于单个简单矢量图标或小尺寸密集功能符号。

oil-oil/oil-icon

This skill should be used when comparing two videos to analyze compression results or quality differences.

daymade/claude-code-skills

One page, hands-on manual tier — drive a live page through the web accessibility (a11y) checks a rule engine can't decide: keyboard operation and focus order, screen-reader names, roles and states…

AccessLint/skills

Primary/default skill for UI design, product design, web design, landing pages, dashboards, product screens, redesigns, visual polish, frontend/CSS styling, design systems, components, responsive…

referodesign/refero_skill

Strips the cues that make a website read as AI-generated and forces a deliberate, project-specific design choice instead of the model's default.

JCarterJohnson/vibecoded-design-tells

Generate a single exact 2.35:1 cinematic film frame with strongly expressed auteur visual grammar, director-specific lens and focus behavior, immediately recognizable color signatures, precise…

zhu930824/cinematic-director-frame

Apply a professional Fujifilm ETERNA-inspired cinema color and composition treatment to generated or edited raster images.

Cuimao777/eterna-image2image-skill

Material-UI v7 component library patterns including sx prop styling, theme integration, responsive design, and MUI-specific hooks.

blencorp/claude-code-kit

Design and iterate on logos using SVG. An agent skill from neonwatty/logo-designer-skill.

neonwatty/logo-designer-skill

Inspecteur des finances publiques IA. An agent skill from romainsimon/paperasse.

romainsimon/paperasse

Use TypeUI with OpenClaw to access project design skills, brand kits, UI prompts, and layout variations through the TypeUI MCP server when creating or refining user interfaces.

bergside/typeui

Draw and revise UI wireframes directly in Clay chat with the built-in clay-sketch renderer.

chadbyte/clay

生成 AI 短视频（Seedance 2.0 / 即梦 / 小云雀）分镜提示词的专家。当用户想生成任何形式的短视频提示词、视频脚本、分镜脚本时使用——包括但不限于：剧情/叙事视频、打斗/动作视频、风景旅拍、短剧、伪纪录片、家装空间漫游、UI 产品宣传片、口播视频、音乐卡点、品牌广告片…

liangdabiao/make-prompt-seedance2

Create short MiniMax H3 reference-to-video clips from one or more local images through Google Colab CLI.

killkli/minimax-h3-colab-skill

Build websites and web UI with smooth, polished, high-end motion by default — the buttery feel of premium sites, not static slop.

bendrape1-byte/silk-design

Expert guidance on iOS accessibility best practices, patterns, and implementation.

dadederk/iOS-Accessibility-Agent-Skill

A skill your agent uses whenever creating or editing UI in this repo — React Native components, modals, bottom sheets, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-mobile

Builds hand-editable SVG diagrams from computed layout coordinates, lints the source and renders a 2x PNG, with rules for when mermaid is the better choice.

modu-ai/moai-adk

不二的个人IP设计系统。做HTML页面、个人网站、教程页面、介绍页面、landing page等任何前端设计时自动触发。包含品牌DNA和多个场景子规范。

esthersjw/esther-design-system

Turns a supplied photo into a minimal zine-style poster with a clear artistic idea, empty space, saturated color and authored typography.

Zeejay0/gathered-scenes-zine-skill

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

Transform one user-supplied travel, street, landscape, lifestyle, portrait, or pet photo into a coordinated two-image deliverable: one complete horizontal collectible travel memory card and one…

carolinaaafy/travel-memory-card-duo

WorkRally CLI (workrally) — 面向 AI Agent 的 AIGC 漫剧视频创作全流程工具集。支持 AI 生图、AI 生视频、视频提示词优化、画布生音频/音乐、混元 3D 模型生成、AI 生音频、项目/剧集/场次/分镜的完整 CRUD、资产库、媒资管理、无限画布、文件上传下载等。Use when user asks to generate images…

Tencent/workrally

Neta Character Forging Skill - Guides users through creating or updating anime/cultural IP/original character (OC) VTokens (Virtual Tokens, TCP).

netaart/neta-skills

Generates fast, SEO-optimized static HTML landing pages targeting 100/100 PageSpeed (LCP < 2.5s, INP < 100ms, CLS < 0.1), full schema.org JSON-LD, AVIF images, critical CSS, zero external…

aleksandr-alhoff/seo-landing

Generates professional infographics with 21 layout types and 20 visual styles.

XY121718/baoyu-skills