390 skills
📦

higgsfield-product-photoshoot

Low Risk 70

Generate Brand-Quality Product Photos with AI

by higgsfield-ai

Professional product photography requires expensive studios, equipment, and photographers. This skill creates brand-quality product images, lifestyle scenes, and marketing creatives through AI-powered prompt enhancement using the higgsfield CLI.

Claude Codex Code(CC)
Install
📦

higgsfield-marketplace-cards

Low Risk 69

Generate marketplace-ready product images for your listings

by higgsfield-ai

Creating compliant marketplace product images requires following platform-specific rules for size, content, and style. This skill generates main images, secondary product shots, and A+ brand content modules that meet marketplace requirements using the Higgsfield AI platform.

Claude Codex Code(CC)
Install
📦

higgsfield-generate

Low Risk 68

Generate AI images, videos and ads with Higgsfield

by higgsfield-ai

Marketers and creators need fast, consistent visual content production without complex design tools. This skill connects you to 30+ Higgsfield AI models through simple text commands to generate images, videos, branded ads, and marketing content.

Claude Codex Code(CC)
Install
📦

lottie

Safe 69

Integrate Lottie Animations into HyperFrames Videos

by heygen-com

Lottie animation files do not work directly in HyperFrames video compositions because the player objects need deterministic seeking. This skill provides adapter patterns to register lottie-web and dotLottie players so HyperFrames can render them frame-accurately.

Claude Codex Code(CC)
Install
🎬

hyperframes

Low Risk 79

Create HTML-based video compositions and animations

by heygen-com

Creating video animations requires learning specialized video production software and complex rendering pipelines. HyperFrames lets you write HTML to define video compositions, use GSAP for animations, and render professional videos with captions, transitions, and audio.

Claude Codex Code(CC)
Install
🎬

gsap

Low Risk 71

Create professional GSAP animations for video

by heygen-com

Writing GSAP animations for video compositions requires precise timing and deterministic execution. This skill provides comprehensive GSAP documentation and drop-in effects for HyperFrames, enabling you to create smooth, professional animations without searching through multiple resources.

Claude Codex Code(CC)
Install
📦

css-animations

Safe 71

Create Deterministic CSS Animations for Video Rendering

by heygen-com

CSS animations in video rendering break during seeking because they lack deterministic state management. This skill provides adapter patterns for writing CSS keyframe animations that seek reliably in HyperFrames previews and renders.

Claude Codex Code(CC)
Install
📦

animejs

Safe 71

Create Anime.js Animations for HyperFrames

by heygen-com

Writing Anime.js animations for video rendering requires deterministic, seek-driven instances. This skill provides the patterns and validation steps needed to make any Anime.js animation render-safe inside HyperFrames compositions.

Claude Codex Code(CC)
Install
🎨

stitch-design

Safe 76

Create professional UI designs from text prompts

by google-labs-code

Design teams spend hours creating UI mockups manually. The Stitch Design skill automates high-fidelity screen generation from text descriptions while maintaining design system consistency.

Claude Codex Code(CC)
Install
📦

remotion

Low Risk 70

Create Remotion walkthrough videos from Stitch screens

by google-labs-code

Teams need fast, consistent walkthrough videos for app screens, but manual editing is slow. This skill automates screen retrieval and Remotion composition to produce ready to render videos with transitions and overlays.

Claude Codex Code(CC)
Install
📦

excalidraw-diagram-generator

Low Risk 73

Create Excalidraw Diagrams from Natural Language

by github

Transform ideas into visual diagrams without manual drawing. Generate professional flowcharts, mind maps, and architecture diagrams as editable Excalidraw files.

Claude Codex Code(CC)
Install
🎨

frontend-design

Safe 73

Design Production-Grade Frontend Interfaces

by anthropics

This skill creates distinctive, production-ready frontend interfaces that stand out from generic AI-generated designs. It delivers polished web components with bold aesthetics and meticulous attention to detail.

Claude Codex Code(CC)
Install
📦

emil-design-eng

Safe 69

Build polished UI with expert design guidance

by emilkowalski

Most interfaces lack the invisible details that make software feel right. This skill applies proven design engineering principles for animations, transitions, and component polish to help you build interfaces users love.

Claude Codex Code(CC)
Install
📱

frontend-responsive

Safe 69

Build mobile-first responsive layouts

by EIS-ITS

Building responsive web layouts that work across all devices is complex and error-prone. This skill provides Claude with clear guidelines on mobile-first design principles, fluid containers, relative units, and touch-friendly interactions to ensure your web projects scale seamlessly from mobile to desktop.

Claude Codex Code(CC)
Install
🎨

frontend-css

Safe 69

Apply CSS coding standards and methodology

by EIS-ITS

Writing CSS without consistent methodology leads to maintainability issues and inconsistent styling across projects. This skill provides structured guidance on applying industry-standard approaches like Tailwind, BEM, and CSS Modules to ensure clean, maintainable, and scalable stylesheets.

Claude Codex Code(CC)
Install
🎨

theme-factory

Safe 68

Apply themed color and font styles to artifacts

by DYAI2025

Presentations and documents often lack visual consistency. This skill provides 10 curated themes with color palettes and font pairings. Apply a theme instantly to any slide deck or document for professional styling.

Claude Codex Code(CC)
Install
🎬

slack-gif-creator

Safe 69

Create custom animated GIFs for Slack messages and emoji

by DYAI2025

Slack has strict size limits for GIFs (64KB for emoji, 2MB for messages). This toolkit creates optimized animations that meet these constraints while providing professional animation effects.

Claude Codex Code(CC)
Install
🖼️

image-enhancer

Safe 68

Enhance Image Quality with AI

by DYAI2025

Blurry screenshots and low-resolution images hurt your professional image. This skill uses AI to upscale, sharpen, and optimize your visuals for crystal-clear presentations and documentation.

Claude Codex Code(CC)
Install
🎨

canvas-design

Safe 70

Create visual art and design compositions

by DYAI2025

Creating original visual art requires deep understanding of aesthetic principles and typography. This skill translates abstract design philosophies into concrete visual compositions using professional fonts and expert craftsmanship principles.

Claude Codex Code(CC)
Install
🎨

brand-guidelines

Safe 69

Apply Anthropic Brand Guidelines to Your Content

by DYAI2025

Maintaining consistent brand identity across documents and presentations can be time consuming and error prone. This skill provides instant access to Anthropic official brand colors, typography, and styling guidelines to ensure professional, on-brand visual content.

Claude Codex Code(CC)
Install