Media & Creative · For frontend developers

Builds a scroll-driven landing page where a pre-rendered camera flies through connected AI-generated scenes, using Higgsfield for stills and video clips.

oso95/scroll-world

Load FIRST for anything that carries the Kortix look or voice: product or mobile UI, copy of any kind, decks, social, images, email, CLI output, anything with the logo, and reviews of these.

kortix-ai/suna

Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-corner composition.

KartikLabhshetwar/better-shot

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations…

Ohh-889/skyroc

Multi-style illustrations from Chinese article text (配图 / illustration): quirky sketch, warm storybook, product proposal; OR custom IP enrollment (自定义 IP / 录入 IP / 上传形象 / 新建 IP).

GiMi-Xiaomi/gimi-illustration-skill

Applies motion design principles to create emotionally-driven, technically sound animations and transitions.

LottieFiles/motion-design-skill

Create, extract, and apply portable visual design systems via visual-style.md files.

calesthio/OpenMontage

Convert visible UI references such as screenshots, exported mockups, Figma frame images, SaaS empty states, dashboards, and landing page screenshots into high-quality HTML/CSS by decomposing layout…

KyrieCheungYep/ky-design-to-html-skill

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

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

lobehub/lobe-icons

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

Design original 9:16 Chinese-language cinematic movie posters from story briefs, genre keywords, or visual references, including layered cover workflows with separate image-designed background and…

dacnay816y62-hub/fantasy-movie-poster-skill

Generate optimized Apple App Store metadata recommendations with ASO best practices.

TimBroddin/app-store-aso-skill

Generate sdf-js code from a natural-language scene description.

shaun8149/sdf-js

Turns an SVG file or URL into a hand-drawn animation: a standalone preview.html plus a reusable player.js that draws paths first and fills afterward.

shaom/svg-hand-drawn-skill

A skill your agent uses when running the full idea workflow: capture a rough idea, expand it into design/UI/implementation docs, research similar products, and generate build-ready Markdown artifacts.

AkoliteZA/hermes-agent-idea-workflow

交互式动态视觉叙事生成器 v11.0 (Hybrid Drive Edition)。基于用户输入的任意主题关键词， 通过多轮交互式对话收集需求，利用 React 19 + Tailwind 4 驱动的 Minimal Mono 极简编辑器， 实时操纵隔离在 Iframe 中的硬核 GSAP/WebGL 影视级叙事引擎。

pixelxzen/phantom-motion

Generates and edits SVG logos, icons, and graphics. An agent skill from tryopendata/skills.

tryopendata/skills

Guides React animation work with GSAP, Motion, Anime.js and Lenis for scroll effects, page transitions, text effects and generative visuals, with a library decision table.

Hainrixz/editor-pro-max

A skill your agent uses when a brief has to become a film. An agent skill from ohad6k/emulo.

ohad6k/emulo

Design review and implementation guidance for the Qovery Console.

Qovery/console

Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images…

claudekit/frontend-design-pro-demo

GSAP animation reference for HyperFrames. An agent skill from alecs5am/ralphy.

alecs5am/ralphy

Browser automation via 70 tabz MCP tools. An agent skill from GGPrompts/TabzChrome.

GGPrompts/TabzChrome

Turns a short video into a one-screen landing page where scrolling scrubs through the extracted frames while five text scenes crossfade over the footage.

hoodini/ai-agents-skills

Design audit checklist - motion gaps, accessibility, color consistency, responsive, performance.

AThevon/genjutsu

A skill your agent uses when an assessed gflow-cli issue (verdict CONFIRMED-BUG or LIKELY-BUG) has localized, verifiable scope and should be driven to a fix.

ffroliva/gflow-cli

Create and revise static visual designs as editable Tesseract compositions and rendered PNGs, including posters, social graphics, slide layouts, diagrams, and web/UI mockups.

mirage-hq/Tesseract

Builds and revises polished offline HTML reports, landing pages, infographics and interactive visualizations as a single file, with viewport QA before delivery.

SourceWeft/SourceWeft

Generate accessibility infrastructure for VoiceOver, Dynamic Type, and accessibility features.

rshankras/claude-code-apple-skills

Turns supplied content into self-contained HTML and PNG in two modes: card for one shareable frame（知识卡、信息卡、金句卡、封面、把要点做成一张图）, report for multi-section documents（可视化报告、HTML 汇报页、PRD/计划/评审做成网页）.

hylarucoder/hai-stack

Runs a product quality review on a journey, feature, landing page, onboarding flow, or AI/agent surface and returns a friction log, a scored critical-journey review, and a taste bar your team can…

menkesu/awesome-pm-skills

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.

composio-community/awesome-codex-skills

When the user wants to plan, script, produce, or optimize App Store Preview videos or Google Play promo videos — the autoplay videos that show in App Store/Play Store search and product pages.

appeeky/aso-skills

A skill your agent uses when implementing Disney's 12 animation principles with Framer Motion in React applications

calesthio/OpenMontage

Implements After Effects Lottie animations in web and React apps: picking JSON or dotLottie format, a rendering library, and a data source, with an optimizer script.

freshtechbro/claudedesignskills

Design, review, and diagnose DeepSeek Harness tests and fixtures that can fail nondeterministically under CI concurrency, shared host resources, clocks, process-global state, subprocesses, network…

Zhou-Yujing114514/deepseek-harness-linux

Brand-consistent asset sets from DESIGN.md — hero, section illustrations, icon sets, OG image — generated through whichever channel the user actually has (grok build imagegen, Codex $imagegen…

kwakseongjae/oh-my-design

WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories.

nexu-io/open-design

End-to-end orchestration — the wrapper that drives the whole production contract across roles, plus batch production.

alecs5am/ralphy

A skill your agent uses when the user wants to evaluate something that ALREADY EXISTS rather than build something new — "review this", "audit this screen", "what's wrong with this page", "is this…

Owl-Listener/designpowers

Builds interactive Rive animations for the web and React: state machines, inputs, ViewModel data binding and events, with scripts that generate component code.

freshtechbro/claudedesignskills

Animate SVGs with SMIL, CSS keyframes, stroke drawing, shape morphing, and motion paths.

EpicenterHQ/epicenter

Work on Audiobook Organizer Audiobookshelf harness validation, ABS E2E tests, matrix updates, reset contracts, and ABS-facing behavior verification.

jeeftor/audiobook-organizer

Wires xAI's Grok speech-to-text into an app you already have, covering voice input for a message box, captions shown as people talk and batch transcription of audio files.

cursor/plugins

Review or design an iOS interface for iPhone Duo's poses — closed, open, book-folded, tabletop and tent — covering side-mounted controls, asymmetric layouts, fold avoidance, sheets, and how to use…

mirzaaghazadeh/iphone-duo-skills

Evidence-first design review of a PR's UI. An agent skill from go-musicfox/go-musicfox.

go-musicfox/go-musicfox

Reference-media and design-system input layer for OrkasVideoStudio.

Orkas-AI/Orkas-VideoStudio