For designers

Turn any video into a cinematic scroll-driven landing page — Apple-style hero where scrolling progresses the visible frame through the video.

hoodini/ai-agents-skills

Apply subtle gradient-border treatments for premium web surfaces.

boraoztunc/skills

Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across variants/states/themes/RTL, and the manual a11y checklist.

plugin87/ux-ui-agent-skills

Design, review, simulate, and verify FPGA logic using explicit RTL contracts, clock and reset models, CDC analysis, timing constraints, and reproducible implementation evidence.

magnus919/agent-skills

Discover current MuAPI image models and run one explicitly confirmed asynchronous image generation request with bounded polling.

davepoon/buildwithclaude

Turns a rough idea for an animated graphic into a precise build brief for Claude Code, in your own brand.

charlie947/motion-graphics-skills

在痕迹AI剪辑工作台做粗剪、整理时间线、节奏、字幕、配乐与音量、响度、调色、转场、多机位、竖版改画幅、导出，或把生成、画布、图片文档、口播产物放进剪辑及把剪辑帧送到其他工作区时使用。写代码画面用 video-edit-code-creation；单独写代码素材不触发本技能。

henjicc/Henji-AI

Designer's eye plan review — interactive, like CEO and Eng review.

garrytan/gstack

Create or update design system foundation modules — spacing, color-system, typography, elevation, border-radii, motion, and z-index.

telerik/kendo-themes

Review designs, products, and features with Steve Jobs' standards: ruthless simplicity, focus, and end-to-end excellence.

wondelai/skills

Canonical entrypoint for every AI chat request that asks to make, generate, plan, or edit a video, including promotional films, ads, short videos, product videos, reference-image videos…

Jamailar/Beav

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

Manavarya09/design-extract

This skill provides guidance for building UI/UX prototypes in the Packmind playground app.

PackmindHub/packmind

PM stress-test roleplay. An agent skill from gnurio/nurijanian-skills.

gnurio/nurijanian-skills

Review IntelliJ UI accessibility for keyboard, focus, and labels.

JetBrains/intellij-community

Comprehensive guide for BFL FLUX image generation models. An agent skill from black-forest-labs/skills.

black-forest-labs/skills

Generate podcast clip visualization video prompts for Seedance 2.0 on Higgsfield.

rediumvex/ai-video-generator-claude

Generates an interactive HTML walkthrough for reviewing code changes.

trailofbits/skills

Use Retro Diffusion for pixel-art image generation, img2img edits, spritesheets, and animation experiments such as platformer walk cycles, turnarounds, and action sheets from reference images.

chongdashu/vibejam-starter-pack

小说封面生成。根据书名、作者名自动分析题材风格，调用 GPT-Image-2 直接生成含标题和署名的专业级网文封面。触发方式：/story-cover、/封面、「帮我做个封面」「生成封面图」「做个小说封面」「封面设计」。

qin1473692580-ux/oh-story-claudecode

Produce a cast sheet of 1–4 named characters from a story seed.

UfukNode/Noustiny

Apply modern web development best practices for security, compatibility, and code quality.

tech-leads-club/agent-skills

Translate Figma nodes into production-ready code with 1:1 visual fidelity using the Figma MCP workflow (design context, screenshots, assets, and project-convention translation).

tech-leads-club/agent-skills

Vibe Coding 流水线第五步:依据 design.md(视觉准则)与 interaction.md,为每个页面在 Stitch 画布生成原型, 经 stitch-mcp 拉取 HTML 与截图存入 prototypes/,并与交互文档做双向对齐校验。

idiotLeoLYJ/Daliu-Awesome-Skills

Expert guidance for building React UIs with Radix Themes and Radix Primitives.

aehrc/pathling

Build an HTML slide deck (1920×1080, keyboard nav, exportable) when user asks for a presentation, pitch deck, slides, or keynote.

bluzir/claude-code-design

Plan, prompt, or produce brand, product, website, app, and service promotional shorts using traceable assets, accurate claims, timed beats, and clear calls to action.

vllm-project/vllm-omni

Write or generate a continuous live-action scene with a rough luminous hand-drawn entity that contacts real objects, morphs, and escapes a slightly delayed handheld camera.

vllm-project/vllm-omni

The HyperFrames composition contract — build one renderable project.

chmonitor/chmonitor

Framer Motion / Motion sub-skill - AnimatePresence, layout animations, gestures, motion values.

AThevon/genjutsu

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required.

alirezarezvani/claude-skills

Recreate an analyzed animation as working web code — GSAP (JavaScript), CSS/Web Animations, Framer Motion (React), or Lottie/SVG.

KumarSashank/motiscope

Download and use structured Meticulous session data (user flows + network mocks) for testing code changes locally.

FlintSH/Flare

Generate world-class Instagram carousel content on any topic.

happycapy-ai/Happycapy-skills

Builds Ignite UI Web Components views from Figma designs, supporting Indigo.Design kits, third-party kits (Material 3, Fluent 2, shadcn/ui, Untitled UI, in-house), and plain frames.

IgniteUI/igniteui-webcomponents

Orchestrate the audio team — audio-director, sound-designer, technical-artist, gameplay-programmer — direction through implementation.

Donchitos/Claude-Code-Game-Studios

Orchestrate the combat team — game-designer, gameplay-programmer, ai-programmer, technical-artist, sound-designer, qa-tester — design through implement and validate.

Donchitos/Claude-Code-Game-Studios

Orchestrate the level team — level-designer, narrative-director, world-builder, art-director, systems-designer, qa-tester — for complete area creation.

Donchitos/Claude-Code-Game-Studios

Orchestrate the live-ops team — live-ops-designer, economy-designer, analytics-engineer, community-manager, writer — for a season or live event.

Donchitos/Claude-Code-Game-Studios

Orchestrate the narrative team — narrative-director, writer, world-builder, level-designer — for story, world lore, narrative-driven levels.

Donchitos/Claude-Code-Game-Studios

Orchestrate the polish team — performance-analyst, technical-artist, sound-designer, qa-tester — to optimize and harden a feature or area.

Donchitos/Claude-Code-Game-Studios

Review changed Touch'N'Stars code with three parallel agents, one each for functionality, UI and maintainability, against this project's own rules (NINA/PINS dual mode, polling contract…

Touch-N-Stars/Touch-N-Stars

Track and manage accessibility debt — known accessibility issues that have been deferred.

Owl-Listener/inclusive-design-skills

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design calculations, and developer handoff tools.

maslennikov-ig/claude-code-orchestrator-kit

Amplify safe or boring designs to make them more visually interesting and stimulating.

boussadjra/vuestrata

Tone down overly bold or visually aggressive designs. An agent skill from boussadjra/vuestrata.

boussadjra/vuestrata

A skill your agent uses when the user wants to explore the design space quickly — many rough ideas, not one polished direction.

manalkaff/opendesign

用于创建针对 Slack 优化的动画 GIF 的知识和工具集。提供约束条件、验证工具和动画概念。当用户请求为 Slack 创建动画 GIF 时使用，例如"为 Slack 制作一个 X 做 Y 的 GIF"。

LeastBit/Claude_skills_zh-CN