For designers

A skill your agent uses whenever the user wants to build or modify a chat, agent, or tool-calling UI in a React 19 + Tailwind v4 project — especially if the code imports from…

21st-dev/agent-elements

Builds a showreel-grade product film in Remotion using the product's own design tokens, components and voice, from a guided interview through a verified final render.

Rieranthony/product-film-skill

Walks a Figma prototype or live webpage screen by screen and scores it against four minimalist usability principles.

AIPexStudio/AIPex

Directly generate design-oriented AI images with strong creative direction and prompt engineering.

kangarooking/design-image-studio

Add or modify icon keyword mappings for providers, models, or agents in lobe-icons.

lobehub/lobe-icons

Write captions, on-screen text, hashtags, and CTAs for short-form video that earn saves and sends without tripping engagement-bait penalties.

vyralcontent/content-skills

Builds Japanese TV-anime style MP4 videos in code, with cel-shaded characters, painted backgrounds and staging effects, rendered in headless Chrome and encoded with ffmpeg.

edenfunf/reelmimic

Produce thoughtful, high-fidelity design artifacts in HTML — landing pages, slide decks, interactive prototypes, animated videos, posters, wireframes, and visual explorations.

jiji262/claude-design-skill

Generates light and dark Preline theme CSS from a brand color or mood, previews it, and validates token coverage through bundled local scripts.

htmlstreamofficial/preline

Audit web applications for WCAG accessibility compliance. An agent skill from warpdotdev/oz-skills.

warpdotdev/oz-skills

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation.

remotion-dev/remotion

Create, redesign, repair, validate, preview, and package lightweight standalone HTML deliverables.

NimaChu/html-design

给 AI 短剧出分镜：三层结构——段（一次视频生成，≤15 秒）→ 分镜（段内 2–5 秒的剪切，认领剧本节拍） → 分镜图（每切一张关键帧：主分镜图钉 0.00 秒，子分镜图钉各自切点）。

eternityspring/shuohao-skills

How to build desktop applications with GPUI Kit, the Rust framework published as the gpui-kit crate (GPUI plus gpuikit::component, gpuikit::base, gpuikit::assets).

StudentWeis/ropy

How to write and maintain DESIGN.md as the visual specification layer for Cavekit projects.

JuliusBrussee/caveman-code

Sets rules for web UI work that favor hierarchy, spacing and restrained styling, with routes for generating, reviewing and polishing interfaces.

kasonye/ui-aesthetics-skill

Pick and install beUI (@beui) animated React components from the shadcn registry.

UniClipboard/UniClipboard

评审单份或一组产品 UI 设计稿，像资深设计专家团一样从视觉质量、交互体验、设计系统三个方面发现问题并给出具体、可执行、按优先级排序的优化建议；在可行时默认生成与报告编号对应的问题标注图和优化建议图，并支持修改稿增量复评。Use when the user provides UI screenshots, icon sets, screen recordings, product flows…

ColourCloudSky/review-ui-design-skill

Process multimedia files with FFmpeg (video/audio encoding, conversion, streaming, filtering, hardware acceleration), ImageMagick (image manipulation, format conversion, batch processing, effects…

ynulihao/AgentSkillOS

Builds a website page by page with Stitch in an autonomous loop, passing a baton file from one iteration to the next that names the next page and prompt.

google-labs-code/stitch-skills

Decision guide for antd 6.x, Ant Design Pro 5/ProComponents, Ant Design X v2, and the offline @ant-design/cli.

kqcoxn/MaaPipelineEditor

A skill your agent uses whenever the user asks to generate, create, render, draw, or make an image, picture, illustration, icon, logo, or any other visual asset.

NomaDamas/god-tibo-imagen

OKLCH color space and color usage for web projects. An agent skill from trycompai/crm.

trycompai/crm

Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.

LunarXuan/image-prompt-reverse

Mobile layout skill for antislop. An agent skill from miqdadbadjuber/anti-slop.

miqdadbadjuber/anti-slop

Generate free images with Agnes Image 2.1 Flash through the Agnes API, including text-to-image, image-to-image, high-density visual prompts, URL results, and local downloads.

kangarooking/agnes-free-model-skills

Tamery's UI design system and hard rules — native macOS look, three-level color system, typography tokens, motion recipes, and the kit's known gotchas.

wannabespace/conar

Capture and visually inspect FreeCCR's PySide6/Qt GUI widgets using screenshots.

toonoumi/FreeCCR

Generate code screenshots via ray.tinte.dev API. An agent skill from Railly/tinte.

Railly/tinte

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (asc screenshots frame), and screenshot upload (asc…

CamilleScholtz/swmpc

Direct already-shot talking-head, interview, tutorial, lecture, podcast, knowledge, and presenter-led product videos in ChatCut.

Fangx-AI/cut-director

Manages a local business-material library and .aws preset packs for a WeChat official-account article workflow, including product images and theme presets.

aiworkskills/wechat-article-skills

Create Chinese HBG “模拟人生 / 人生副本” narrative videos with a consistent comic IP, a rapid multi-life opening, continuous natural-speed narration, synchronized short captions, dense static manga…

Mr-funny/hbg-life-simulation

Create or refine spec-superflow planning artifacts. An agent skill from MageByte-Zero/spec-superflow.

MageByte-Zero/spec-superflow

Extract component metadata from a Figma design system and generate production-ready QML controls.

TheQtCompanyRnD/agent-skills

Design or restyle user interfaces using vendored DESIGN.md references from popular product and brand-inspired visual systems.

AFK-surf/OpenBridge

Generate high-CTR YouTube thumbnails using Nano Banana 2 via the Arcads external API.

krusemediallc/arcads-claude-code

Kaizen UI (KUI) component library and design-pattern advisor for NVIDIA applications.

NVIDIA/Personal-AI-Router

Plan and assemble 30–90 second motion graphics and character videos with six production stages, media gates, and visual review.

unclejobs-ai/motion-video-skill

Local browser verification for the lobe-ui component library and documentation site.

lobehub/lobe-ui

Routes frontend and UI work through design reference rulesets, with a design-system gate plus layout and print guidance, before any UI code is written.

code-yeongyu/oh-my-openagent

Use the built-in Computer sub-agent with agent-desktop for macOS desktop automation.

superagent-ai/grok-cli

Conversation-driven video editing on the ComfyTV canvas — rough cuts, silence removal, pacing passes, montages, trims, concat assemblies, speed changes, color grades, and subtitle burns over footage…

jtydhr88/ComfyTV

Turn an eval study's numbers into on-brand, publish-ready figures using the Newsjack chart room (the eval design system), then validate them with Playwright.

elvisun/newsjack

Extracts the design of a screenshot, website URL or Figma file into a design.md of tokens, components, layout and brand rules, or copies one element into element.md.

uxKero/anydesign

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography.

superhq-ai/shuru

React-to-SolidJS transformation patterns for porting shadcn-style React components, examples, docs snippets, and blocks into Zaidan.

carere/zaidan

Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.

onepixelaway/frontend-textbooks