Best agent skills for designers, page 20

A skill your agent uses when validating or evaluating Trailblaze's out-of-box (OOB) user experience — does what the trailblaze skill claims actually match the real installed CLI?

block/trailblaze

Contains Chakra UI v3 documentation for styling, theming, and components.

mikotoIO/mikoto

用于 React / HiUI 页面从需求细化到端到端生成与验收。适用于从模糊产品需求生成并验收页面、 HiUI 页面提测前检查、页面生成后做体验走查、页面从需求到实现再到 UX 验收闭环等任务。

XiaoMi/hiui

Turns an article or spoken script into a click-through, full-screen 16:9 web presentation that looks like a video, with optional synthesized narration.

ConardLi/garden-skills

Builds distinctive, production-grade UIs that avoid generic AI aesthetics.

avibebuilder/claude-prime

Generate social media preview images (Open Graph) and configure meta tags.

stevysmith/og-image-skill

Breaks written content into 1 to 10 cartoon-style image cards for Chinese social platforms, with 12 visual styles, 8 layouts and 3 color palettes to choose from.

JimLiu/baoyu-skills

Implements Angular application views from design images using Ignite UI Angular components.

IgniteUI/igniteui-angular

Design and review command-line interfaces for usability, automation, safety, accessibility, and long-term compatibility.

caarlos0/dotfiles

Anime.js adapter patterns for HyperFrames. An agent skill from boraoztunc/skills.

boraoztunc/skills

Writes camera-movement prompt phrases for Seedance 2.0 video generation, picking one physically possible move tied to the subject's action instead of stacked or vague cinematic language.

Emily2040/seedance-2.0

Debug Node.js with node inspect, --inspect, breakpoints, CDP, heap, and CPU profiles.

openclaw/openclaw

Comprehensive design guide for web, mobile, and desktop applications.

futureboard/futureboard-studio

将叙事文本转化为影视开发阶段可用的多用途读本。适用于长会话角色扮演记录、短篇小说、中长篇片段、剧情大纲、剧本初稿、互动叙事等；当用户要求"剧本解读、演员读本、导演阐述、影视化分析、改编分析、短篇小说转影视开发文档、故事转剧本前置分析、给演员/编剧/导演/制片看的分析、AI 剧本化提示包"等任务时触发。输出可按目标受众区分：完整开发读本、演员读本、编剧改编读本、导演视听读本、制片摘要、AI…

zhlmi/narrative-to-screen-reader

Cartographic principles for MapLibre GL JS — label and symbol legibility on imagery vs.

maplibre/maplibre-agent-skills

Create an HTML color palette from a mood, description, or image, with swatches, color codes, pairings, and contrast checks.

AlpacaLabsLLC/skills-for-architects

Work on Portwood's Canvas designer (docGenCanvas LWC and canvasModel.js).

Portwood-Global-Solutions/Portwood

Port and sync shadcn-style React components, blocks, examples, and documentation into Zaidan.

carere/zaidan

Anti-slop, high-craft frontend design: landing pages, brand sites, portfolios, dashboards, product/admin UI, commerce (PDP/PLP/checkout).

iZiTTMarvin/Nova-agent

Creates animated looping GIFs from CSS animations (default) or AI image-to-video.

Varnan-Tech/opendirectory

Activate when creating or modifying Vue 3 components, pages, layouts, stores, or services in the frontend.

gdarko/laravel-vue-starter

Manage restore context files so skills can survive /clear and /compact.

commercetools/ui-kit

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

Manavarya09/design-extract

A skill your agent uses for packages/svg-icon-baker SVG-to-symbol work: public API, synchronous error model, safe SVGO configuration, local ID and reference rewriting, viewBox handling, and output…

yangxu52/vite-plugin-svg-icons-ng

Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.

vibe-motion/skills

Build or audit a comprehensive brand style guide that documents the full brand system including story, logo system, color, typography, imagery, voice, applications, and dos/don'ts.

rampstackco/claude-skills

Scan a Markdown file for images, audit every alt text value against accessibility and style guidelines, view each image in the workspace, draft accurate alt text, and edit the file in place.

chef/chef-web-docs

A skill your agent uses when the user asks for a slide presentation.

manalkaff/opendesign

Fast headless browser for QA testing and site dogfooding. An agent skill from no-session/pstack.

no-session/pstack

Deterministic design review for UI/UX on web and terminal screens: measure contrast, spacing, overlap, clipping and copy defects, then judge the rest.

damianvtran/local-operator

A skill your agent uses when Claude Code needs to operate this project's storyboard automation API or CLI as an agent: exchange agent tokens, discover worlds/scripts/characters/locations/props, call…

jeffstric/ZJT

Guide for building React components using @stellar/design-system and project SCSS conventions.

stellar/laboratory

Create editable motion graphics locally in Tesseract, including full-frame animated scenes, typography, diagrams, lower thirds, and overlays on supplied footage.

mirage-hq/Tesseract

Design banners for social media, ads, website heroes, creative assets, and print.

Ohh-889/skyroc

A skill your agent uses when a user provides a reference UI screenshot and asks to extract visual specs, generate design tokens, create a component tree, or produce a frontend implementation…

Jason904/ui-skill-lab

Creates a 2.35:1 header cover for a WeChat official account article with image generation, keeping the headline inside the area that survives sharing crops.

SpaceZephyr/creator-buddy

A skill your agent uses when styling any elevated surface (card, dialog, popover, dropdown, menu, tooltip, sheet, toast) in a Tailwind project that has shadow-plugin installed.

Dinil-Thilakarathne/sona-ui

Generate comprehensive design briefs for design projects. An agent skill from jamesrochabrun/skills.

jamesrochabrun/skills

[omh] Screen-reader or keyboard accessibility gaps: prepare WCAG, keyboard, focus, screen-reader, target-size, and reflow evidence gates for UI surfaces.

rlaope/oh-my-hermes

What to write on each page of a docouture documentation site: the purpose of every page, the section skeleton it needs, what to say in each section, a copyable AsciiDoc starting point and a quality…

InditexTech/weavejs

整部作品提交技能。读取全剧 seedanceprojecttasks.json，按 Seedance 任务提交协议批量推送到 /api/tasks/push，并生成提交报告。关键词：提交任务、Seedance、批量推送、整部作品、task submit、api/tasks/push。

zhaihao118/Micro-Drama-Skills

Downloads YouTube video transcripts/subtitles and cover images by URL or video ID.

JimLiu/baoyu-skills

Make videos drawn with code: motion graphics, launch and explainer videos, animated shorts, animated charts and data, logo reveals, social clips, music visualizers, UI demos and GIF loops.

BintzGavin/helios

Checks deps update in widely consumed repos will cause problems or not, and ranks dependency updates by downstream impact for prioritisation.

cultureamp/kaizen-design-system

Create Framer Code Components and Code Overrides. An agent skill from fredm00n/framerlabs.

fredm00n/framerlabs

Bump VibeFrame versions, regenerate release artifacts, run verification, and prepare a version commit.

vericontext/vibeframe

宣传片两包素材生产。Pack A 使用当前可用图片生成能力生成产品图、概念图、UI 模拟图或风格补充图；Pack B 使用官网、应用截图、浏览器搜索、GitHub 或开源素材收集真实产品信号。当 storyboard 确认后进入。

kangarooking/promo-creator-skills

Builds a clickable low-fidelity prototype of one flow from a product brief during discovery, with simulated data and browser checks, before detailed design.

open-mercato/skills