Best agent skills for designers, page 88

AI-assisted UI generation patterns for json-render, v0.app, Google Stitch, Bolt Cloud, and Cursor workflows.

yonatangross/orchestkit

Animation and motion design patterns using Motion library (formerly Framer Motion) and View Transitions API.

yonatangross/orchestkit

Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules.

yonatangross/orchestkit

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary transforms, and dark mode theming.

yonatangross/orchestkit

Figma-to-code design handoff patterns including Figma Variables to design tokens pipeline, component spec extraction, Dev Mode inspection, Auto Layout to CSS Flexbox/Grid mapping, and visual…

yonatangross/orchestkit

UI interaction design patterns for skeleton loading, infinite scroll with accessibility, progressive disclosure, modal/drawer/inline selection, drag-and-drop with keyboard alternatives, tab overflow…

yonatangross/orchestkit

Multi-surface rendering with json-render — one JSON spec produces React web, Next.js, React Native, Ink terminal UIs, PDFs, emails, Remotion videos, OG images, and 3D scenes.

yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic layouts, foldable devices, and mobile-first patterns for React applications.

yonatangross/orchestkit

A skill your agent uses when targeting ACM SIGACCESS Conference on Computers and Accessibility (ASSETS) or deciding whether a computer-science manuscript fits this venue.

franklee16/academic-research-skills

A skill your agent uses to finalize Cell Press display items — column-width sizing, minimum fonts, RGB, show-the-data with defined error bars/n/replicate type, scale bars, colorblind-safe palettes…

franklee16/academic-research-skills

A skill your agent uses to produce the three signature Cell front-matter artifacts — Highlights (3–4 bullets, each ≤85 characters), the eTOC/In Brief blurb (~50 words, third-person), and the…

franklee16/academic-research-skills

A skill your agent uses to finalize Science display items — panel/word budget, column-width sizing, minimum font sizes, color-accessibility, and showing the data (points over bars).

franklee16/academic-research-skills

生成短视频脚本和分镜。输入产品/主题描述、目标受众、时长，输出完整脚本+分镜结构（JSON/YAML）。支持多种模板：痛点-解决、反转剧情、before-after。触发词：视频脚本、短视频文案、分镜、storyboard、video script。

npc-live/clawfirm

Expert children's book illustrator guide with 2024-2025 best practices, focusing on age-appropriate styles, color theory, character design, and visual storytelling for kids books that captivate…

jamesrochabrun/skills

AI-powered career biographer that conducts empathetic interviews, extracts structured career narratives, and transforms professional stories into portfolios, CVs, and personal brand assets.

curiositech/some_claude_skills

Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions).

curiositech/some_claude_skills

Visual production expert for production-ready social posts, carousels, flyers, brand assets, and code-based templates.

pawbytes/skill-suites

Video production specialist for short-form, long-form, episodic, and motion graphics video.

pawbytes/skill-suites

Short-form video pipeline for Reels, TikTok, and Shorts. An agent skill from pawbytes/skill-suites.

pawbytes/skill-suites

Video strategy, scripting, and optimization for YouTube, TikTok, Reels.

pawbytes/skill-suites

Guide for implementing shadcn/ui - a collection of beautifully-designed, accessible UI components built with Radix UI and Tailwind CSS.

einverne/dotfiles

Guide for implementing Tailwind CSS - a utility-first CSS framework for rapid UI development.

einverne/dotfiles

Migrate an app from Twilio Conversations (or the deprecated Programmable Chat) to CometChat in ONE prompt, on any platform in this pack.

cometchat/cometchat-skills

Generates images and videos using MuleRouter or MuleRun multimodal APIs.

aiskillstore/marketplace

Expert at analyzing the quality and effectiveness of Claude Code components (agents, skills, commands, hooks).

aiskillstore/marketplace

A skill your agent uses when audio already placed in a HyperFrames composition needs to be mixed: a music bed that fights a voiceover (voiceover carve), effects on a track (EQ, compressor, limiter…

aiskillstore/marketplace

Animate a portrait, character, artwork or scene with Magic Hour, editing and inspecting the start frame when needed before motion.

aiskillstore/marketplace

Generate, edit, and restore images with Google's Nano Banana (Gemini image models).

aiskillstore/marketplace

AI video generation skill with auto model selection across Seedance 2, Kling 3.0, HappyHorse, and 10+ models.

aiskillstore/marketplace

Trim, transcode, extract frames, add subtitles, and manipulate audio in video files using FFmpeg.

lazyFrogLOL/Harness_Engineering

Create generative and algorithmic art using code - SVG, p5.js, canvas, and procedural techniques.

RedWoodOG/Hermes-Desktop

Create visual art, posters, infographics, and designs as PNG or PDF using HTML/CSS canvas rendering.

RedWoodOG/Hermes-Desktop

Frontend development with modern frameworks, responsive design, and accessibility best practices.

RedWoodOG/Hermes-Desktop

图文成片——脚本→分镜卡片图→TTS配音→ffmpeg 拼装成带字幕的竖版/横版视频（口播、知识分享、带货讲解）. An agent skill from CatCatUncle/openworkbuddy.

CatCatUncle/openworkbuddy

A skill your agent uses when the user wants to create a dataset, generate synthetic data, or build a data generation pipeline.

NVIDIA/skills

Read editor.md, editor.json, and analyst.json. An agent skill from QinghongLin/data2story-skill.

QinghongLin/data2story-skill

Read analyst.json and detective.json, make all editorial decisions — what the blog argues, which findings matter, narrative arc and section structure.

QinghongLin/data2story-skill

Reusable UI/visual-design system for building polished, distinctive, multimedia-rich self-contained HTML stories.

QinghongLin/data2story-skill

Read editor.md, editor.json, analyst.json, and designer.json.

QinghongLin/data2story-skill

Create polished HTML technical reports and multi-page documents for consulting deliverables.

thatrebeccarae/claude-marketing

Deep audit of a component library: inventory, usage, duplication, complexity, coverage gaps.

murphytrueman/design-system-ops

Finds where consuming code has drifted from what the design system intended: local re-implementations, token overrides, forked patterns, classified by cause.

murphytrueman/design-system-ops

A skill your agent uses to write great prompts for Ideogram (Ideogram 4.0) to generate design-grade images for social media — the image-prompt-craft mini-skill for typography + layout, sibling to…

social-media-skills/skills

A skill your agent uses when implementing social activity and updates stream.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing conversational AI chat interfaces.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing handling AI-specific errors.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing loading states for AI operations.

thedaviddias/ux-patterns-for-developers

A skill your agent uses when implementing aI-powered autocomplete and suggestions.

thedaviddias/ux-patterns-for-developers