148 skills
🎮

threejs-builder

Safe 70

Build 3D Web Apps with Three.js

by CesarAugustusGroB

Creating 3D web content requires understanding WebGL, shaders, and 3D graphics programming. This skill generates complete Three.js applications with scene setup, lighting, materials, animations, and responsive rendering using modern ES modules.

Claude Codex Code(CC)
Install
🎨

frontend-design

Safe 69

Design production-grade frontend interfaces

by CesarAugustusGroB

Build distinctive web components and pages with polished aesthetics. Avoid generic AI-generated visuals and create memorable, high-quality user interfaces.

Claude Code(CC)
Install
⚔️

combat-ui-pattern-a

Safe 71

Implement split-panel combat UI

by CesarAugustusGroB

Game developers building combat interfaces need consistent, well-architected UI components. This skill provides complete implementation guidance including TypeScript interfaces, CSS Grid layouts, animation specifications, and responsive styling tokens for the Pattern A combat UI system.

Claude Codex Code(CC)
Install
🎨

art-style-creator

Safe 71

Create comprehensive art style guides

by CesarAugustusGroB

Defining a consistent visual style is essential for project cohesion, yet many creators struggle to articulate their aesthetic vision. This skill provides a structured 10-step framework to create detailed art style guides covering color theory, line work, shapes, composition, lighting, and technical specifications.

Claude Code(CC)
Install
🎨

gemini-image

Safe 69

Generate images with Gemini AI

by Ceeon

Creating images from scratch takes time and skill. This skill lets you generate images using natural language prompts with Gemini AI. Simply describe what you want and get professional results in seconds.

Claude Codex Code(CC)
Install
🎨

canvas-design

Safe 69

Create museum grade canvas art

by anthropics

You need original visual art that communicates through form and space. This skill builds a visual philosophy and outputs polished PNG or PDF artwork.

Claude Codex Code(CC)
Install
🎬

slack-gif-creator

Low Risk 67

Create Slack GIFs and emoji animations

by Cam10001110101

Creating GIFs for Slack requires careful optimization to meet strict file size limits. This toolkit provides validators, animation primitives, and optimization tools so you can create message GIFs and emoji reactions that upload successfully.

Claude Codex Code(CC)
Install
🎨

generative-art

Safe 70

Create generative art with seeded randomness

by Cam10001110101

Generative art creation requires artistic vision and technical skill. This skill helps you create unique, reproducible generative art using p5.js with parameter controls for exploration. You can create flow fields, recursive patterns, particle systems, and more.

Claude Codex Code(CC)
Install
🎨

brand-guidelines

Safe 69

Apply Anthropic Brand Styling

by Cam10001110101

You need to apply consistent brand colors and typography to documents or presentations. This skill provides official Anthropic brand guidelines including colors, fonts, and styling rules to ensure on-brand visual output.

Claude Codex Code(CC)
Install
🎨

canvas-design

Low Risk 67

Create Museum-Quality Visual Art with AI

by Cam10001110101

Transform ideas into stunning visual art using sophisticated design philosophies. This skill guides AI to create professional-quality posters and artwork that look meticulously crafted by master designers.

Claude Code(CC)
Install
P

algorithmic-art

Safe 69

Create Algorithmic Art with p5.js

by Cam10001110101

Creating algorithmic art requires specialized knowledge of generative systems, seeded randomness, and p5.js. This skill provides a structured approach to crafting original generative artwork through algorithmic philosophy and interactive parameter exploration.

Claude Codex Code(CC)
Install
🎨

tailwind-css-v4-mastery

Safe 76

Master Tailwind CSS V4 with AI-powered guidance

by Calel33

Tailwind CSS V4 introduces revolutionary changes with its Oxide engine and CSS-first configuration. This skill provides expert guidance to navigate migration, optimize performance, and build modern design systems.

Claude Codex Code(CC)
Install
🎨

designing-frontend

Safe 71

Design distinctive frontend interfaces

by Byunk

Generic-looking interfaces fail to capture user attention and dilute brand identity. This skill guides AI assistants to create bold, memorable frontend designs with unique aesthetics, strong visual hierarchy, and production-ready code quality.

Claude Codex Code(CC)
Install
🎨

brand-guidelines

Safe 69

Apply Anthropic brand styling

by anthropics

Your assets may not follow Anthropic brand standards. This skill provides official colors and typography guidance for consistent styling across all your materials.

Claude Codex Code(CC)
Install
🎨

omarchy-theming

Safe 71

Create Omarchy Desktop Themes

by BitYoungjae

Creating consistent desktop themes across multiple applications is complex and time-consuming. Omarchy theming provides a centralized colors.toml configuration that automatically generates themes for all desktop applications including terminals, window managers, and system tools.

Claude Codex Code(CC)
Install

ux-waiting-audit

Safe 79

Audit web app waiting states for UX improvements

by BayramAnnakov

AI agent products often have long wait times that cause user anxiety and abandonment. This skill audits how applications handle long-running operations using browser automation and generates comprehensive reports with prioritized recommendations.

Claude Codex Code(CC)
Install
🎨

shadcn-ui-patterns

Safe 70

Create accessible UI with ShadCN patterns

by Barnhardt-Enterprises-Inc

Building accessible React components requires understanding ShadCN patterns and Radix UI primitives. This skill provides best practices for implementing accessible modals, forms, and other components using TailwindCSS and November 2025 standards.

Claude Codex Code(CC)
Install
🎨

shadcn-framer

Safe 69

Build animated ShadCN UI components with Framer Motion

by Barnhardt-Enterprises-Inc

Creating smooth animations for ShadCN UI components requires understanding Framer Motion patterns. This skill provides ready-to-use code patterns for fade-ins, hover effects, dialog animations, page transitions, and loading skeletons.

Claude Codex Code(CC)
Install
🎨

frontend-aesthetics

Safe 70

Create Distinctive Frontend Designs

by Barnhardt-Enterprises-Inc

AI often defaults to generic, overused design patterns that make interfaces immediately recognizable as machine-generated. This skill provides specific alternatives for typography, color, motion, and depth to create professional, branded interfaces.

Claude Codex Code(CC)
Install
🎨

apple-ui-design

Safe 70

Design Apple-inspired interfaces

by BarisSozen

Building premium interfaces requires understanding typography hierarchy, spacing rhythm, and subtle animations. This skill provides Apple design principles to create clean, minimal, user-friendly interfaces that feel native to Apple platforms.

Claude Codex Code(CC)
Install