For designers

Replaces border-plus-shadow combinations on cards, dialogs and other elevated surfaces with the smooth-shadow-ring utilities from the Tailwind shadow-plugin.

flornkm/personal-site

Author/validate/export Google's DESIGN.md token spec files. An agent skill from Prismer-AI/PrismerCloud.

Prismer-AI/PrismerCloud

54 real design systems (Stripe, Linear, Vercel) as HTML/CSS.

Prismer-AI/PrismerCloud

Design iOS apps following Apple's Human Interface Guidelines.

jamesrochabrun/skills

Reviews UI code against a written set of web interface rules covering accessibility, forms, animation and typography, and reports terse file:line findings.

tech-leads-club/agent-skills

Build reusable Manim explainers for technical concepts, graphs, system diagrams, and product walkthroughs, then hand off to the wider ECC video stack if needed.

affaan-m/ECC

Break down each shot and turn the analysis into a storyboard reference.

0xsline/OpenChatCut

将用户的生活主题、人物资产、道具资产与场景信息，整理成30秒以内、可直接用于AI视频生成模型的真实手机自拍Vlog提示词。强调真实手机拍摄逻辑、自然表演、生活碎片、现场收音、资产一致性与设备不穿帮。

JGRFW/comfyui-AICG3D

根据用户描述的故事内容，润色故事线并拆分为分镜脚本，批量生成风格一致的故事板插图。提供8种视觉风格选择，基于故事类型推荐最佳风格。调用Gemini API生成图片，保存到Obsidian图片目录。触发词："分镜故事"、"故事板"、"做个分镜"、"创建故事板"、"storyboard"、"画个故事"。

SpaceZephyr/design-buddy

Plan, prompt, or produce minimalist product advertising shorts from product images, preserving variants, material, color, concise typography, and rhythmic camera motion.

vllm-project/vllm-omni

Plan, write, audit, or produce music videos with coordinated music, imagery, camera motion, optional performance, and lyric typography.

vllm-project/vllm-omni

Translate narration, ideas, or knowledge points into editorial halftone paper-collage metaphors, still prompts, storyboards, or stop-motion clips.

vllm-project/vllm-omni

Turn knowledge topics into layered papercraft stop-motion explainers, including visual metaphors, miniature sets, prompts, storyboards, motion and sound plans, or rendered video.

vllm-project/vllm-omni

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences.

davila7/claude-code-templates

Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience.

bergside/awesome-design-skills

Audit animation code against Disney's 12 principles adapted for web.

elophanto/EloPhanto

Audit AI-generated, AI-shaped, or AI-looking frontend code, UI screenshots, and design diffs.

jxnl/personal-monorepo-template

Section-by-section GDD authoring for one system — walks through each required section, cross-references dependencies.

Donchitos/Claude-Code-Game-Studios

Section-by-section UX spec authoring for a screen, flow or HUD.

Donchitos/Claude-Code-Game-Studios

A skill your agent uses when a task changes any screen, form, dialog, menu or control - Lighthouse/axe scan of the changed screens, a keyboard walk, and the thresholds that fail a task

makifbaysal/tasktrooper

Identify whether a user is asking OpenLoomi to generate a lifestyle image, portrait, personal visual, or lifestyle scene.

melandlabs/openloomi

React component architecture for creating composable, accessible components with data attributes.

udecode/plate

Autogoal-backed planning, status, review, dashboard, apply, and tracking for upstream shadcn docs syncs into Plate docs.

udecode/plate

Review UI code for alignment with the emcn design system — components, tokens, patterns, and conventions

simstudioai/sim

Drives ChatGPT from the terminal via cli-web-chatgpt — ask questions, generate and download images, list and view conversations, browse models, and manage OpenAI SSO auth.

ItamarZand88/CLI-Anything-WEB

How the docs site generates per-page og:image cards, and the cache and font traps when changing them.

rhesis-ai/rhesis

MANDATORY for any UI work in apps/app, apps/portal, or packages/design-system — every component, page, or layout change must work on mobile (~375px), tablet (~768px), desktop (~1280px), and large…

trycompai/comp

Expert 10x engineer with comprehensive knowledge of web development, internet protocols, and web standards.

boshi-xixixi/TraeSkill

A skill your agent uses when changing Patchies rendering pipeline, render graph, image generation preview capture, GLSystem, render workers, FBO rendering, output sizing, render-node types, or video…

heypoom/patchies

Build conversion-optimized landing pages with CRO frameworks (Conversion Research, LIFT Model), scroll effects, A/B testing, personalization, form optimization, and Core Web Vitals (INP, LCP, CLS).

EliasOulkadi/shokunin

Author, validate, diff, and export DESIGN.md files — Google's open-source format spec that gives coding agents a persistent, structured understanding of a design system (tokens + rationale in one…

ArgentAIOS/argentos-core

To build powerful frontend claude.ai artifacts, follow these steps:

sickn33/agentic-awesome-skills

Guides migration of a web project to OUDS Web (Orange Unified Design System).

Orange-OpenSource/Orange-Boosted-Bootstrap

Builds .NET UI apps across Blazor (Server, WASM, Hybrid, Auto), MAUI (XAML, MVVM, Shell, Native AOT), Uno Platform (MVUX, Extensions, Toolkit), WPF (.NET 8+, Fluent theme), WinUI 3 (Windows App SDK…

novotnyllc/dotnet-artisan

Generate intense fight scene and action sequence video prompts for Seedance 2.0 on Higgsfield.

beshuaxian/higgsfield-seedance2-jineng

Build multi-step AI content creation pipelines combining image, video, audio, and text.

NeverSight/learn-skills.dev

Design and review DeepSeek Harness client UI changes — visual token discipline, reuse-before-adding, feedback surfaces (toast vs in-place notice vs empty state), overlay and menu safety, platform…

Zhou-Yujing114514/deepseek-harness-linux

Discover existing project themes, supported CSS classes and reusable UI components.

AgiFlow/aicode-toolkit

Design taste and process for anything a person will look at in a browser — landing page, dashboard, prototype, deck.

yc-software/qm

从零做一条完整成片时用：推广短片、知识讲解、故事短片、发布片、资讯快评、数据故事、排版动效，或用户选了场景模板、作品示例说「做一条视频」。简报定下后，先写风格与角色设定、分镜与声音规划，再出参考图，逐镜用素材、生成图片或代码画面做出来，配旁白、混音、导出验收。只转录、加字幕、翻译、配音或剪已有视频时不用。

JimLiu/baocut

Visual development with Patchright screenshots. An agent skill from adam-s/intercept.

adam-s/intercept

A skill your agent uses when the user wants the complete marketing asset suite for a product in one run — "/marketing", "build all the marketing assets", "generate everything for the launch", "all…

ucsandman/marketing-studio

当用户要求数据可视化、做图表、生成看板、数据仪表盘、可视化报告、Excel/CSV 转图表、预算/销售/运营等指标分析页面、Chart.js 可视化时使用。只处理数据可视化任务；纯网页、banner、海报、简历等非数据图表设计任务应交给 visual-design。数据报告页以图表为主体归本技能；以文案排版为主体的静态报告页归 visual-design。

Pinvou/pinvou-agent

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability testing frameworks, and research synthesis.

maslennikov-ig/claude-code-orchestrator-kit

A skill your agent uses to evaluate visual consistency, hierarchy, and design-system adherence — typography, color, spacing, density, tokens.

getcrew44/crew44

Create viral social media content (TikTok/Instagram carousels and outfit-change videos) for app promotion.

nestyme/awesome-prompts

Reverse-engineer design systems, tokens, and components from live products or screenshots

nyldn/claude-octopus

Expert guide for ShadCN UI component library with Next.js. An agent skill from mikeOnBreeze/cc-crossbeam.

mikeOnBreeze/cc-crossbeam