390 skills
📦

frontend-design

Safe 73

Build distinctive frontend interfaces that stand out

by pbakaus

Generic AI-generated code produces forgettable, templated designs. This skill teaches bold aesthetic direction and production-grade implementation that creates memorable user experiences.

Claude Codex Code(CC)
Install
📦

delight

Safe 70

Transform interfaces with delightful micro-interactions

by pbakaus

Functional interfaces often feel cold and mechanical. This skill adds strategic moments of joy and personality that make users smile while maintaining usability.

Claude Codex Code(CC)
Install
🎨

critique

Safe 66

Critique Your Design

by pbakaus

Get expert UX design feedback that identifies AI-generated patterns, visual hierarchy issues, and actionable improvements to elevate your interface.

Claude Codex Code(CC)
Install
🎨

colorize

Safe 69

Add Strategic Color to Your Designs

by pbakaus

Transform gray, lifeless interfaces into warm, engaging experiences. This skill applies purposeful color theory to improve visual hierarchy and user delight.

Claude Codex Code(CC)
Install
📦

clarify

Safe 70

Improve unclear UX copy and error messages

by pbakaus

Confusing interface text frustrates users and increases support costs. This skill transforms jargon, ambiguous labels, and poor error messages into clear, human-friendly copy that guides users effectively.

Claude Codex Code(CC)
Install
🎨

bolder

Safe 69

Transform Boring Designs Into Bold Experiences

by pbakaus

Stop settling for generic, forgettable interfaces. This skill helps Claude create visually striking designs that captivate users while maintaining usability and accessibility standards.

Claude Codex Code(CC)
Install
📦

audit

Safe 69

Audit Interface Quality

by pbakaus

Poor interface quality damages user experience and excludes users with disabilities. This skill provides systematic auditing across accessibility, performance, theming, and responsive design to identify issues before they reach production.

Claude Codex Code(CC)
Install
📐

arrange

Safe 69

Transform Layouts with Intentional Spacing and Rhythm

by pbakaus

Eliminate monotonous grids and arbitrary spacing. This skill provides a systematic approach to create visual hierarchy through intentional spacing, varied rhythm, and structured layouts that guide the eye to what matters.

Claude Codex Code(CC)
Install

animate

Safe 69

Add Purposeful Animations and Micro-interactions

by pbakaus

Static interfaces feel unfinished and miss opportunities to guide users. This skill helps you strategically add motion that provides feedback, improves understanding, and creates delightful experiences without overwhelming users.

Claude Codex Code(CC)
Install
📦

adapt

Safe 69

Adapt Designs for Any Screen or Platform

by pbakaus

Struggling to make your design work across mobile, tablet, desktop, print, or email? This skill provides expert guidance on adapting designs for different contexts while maintaining consistency and usability.

Claude Codex Code(CC)
Install
📦

liquid-glass

Safe 70

Add Liquid Glass effects to SwiftUI apps

by patrickserrano

Building modern iOS interfaces requires implementing advanced visual effects. This skill provides guidelines and code examples for using the iOS 26+ Liquid Glass API to create blur, reflection, and interactive glass surfaces in SwiftUI.

Claude Codex Code(CC)
Install
📱

app-store-screenshots

Safe 70

Generate App Store Screenshots with Claude

by ParthJadhav

Creating professional App Store screenshots is tedious and time-consuming. This skill generates marketing-optimized iOS screenshots at Apple's required resolutions using Next.js and html-to-image.

Claude Codex Code(CC)
Install
🎨

mulerouter

Safe 81

Generate AI Images and Videos with MuleRouter

by openmule

Creating professional AI-generated media requires complex API integrations and model management. MuleRouter skill simplifies this by providing a unified interface for generating images and videos using state-of-the-art AI models.

Claude Codex Code(CC)
Install
📦

ckm:design

Medium Risk 68

Design logos, brand identities, and social media visuals with AI

by nextlevelbuilder

Creating professional designs usually requires hiring a designer or learning complex software. This skill generates logos, brand identity documents, social media images, banners, icons, and presentations directly from your descriptions using AI.

Claude Codex Code(CC)
Install
📦

ckm:design-system

Low Risk 72

Generate design tokens, validate usage, and create branded slides

by nextlevelbuilder

Design systems often break down when tokens are not consistently applied across primitive, semantic, and component layers. This skill generates CSS variables from JSON token definitions, validates token usage in code, and creates brand-compliant slide presentations with Chart.js integration.

Claude Codex Code(CC)
Install
📦

gif-sticker-maker

Medium Risk 68

Create animated GIF stickers from photos

by MiniMax-AI

Transform any photo into a set of four animated stickers with a distinctive Funko Pop 3D figurine style. This skill handles the complete workflow from image generation through animation to final GIF output, requiring only a source photo and a MiniMax API key.

Claude Codex Code(CC)
Install
🎨

design-style-skill

Safe 70

Apply a visual design system to PPT slides

by MiniMax-AI

Inconsistent styling makes presentation slides look unprofessional and distracting. This skill provides four predefined design style recipes with precise corner radius and spacing values so every slide follows a unified visual system.

Claude Codex Code(CC)
Install
📦

color-font-skill

Safe 71

Add color palettes and font pairings to presentations

by MiniMax-AI

Choosing colors and fonts for presentations takes time and often results in inconsistent designs. This skill provides curated, brand-safe color palettes and font pairings optimized for PowerPoint slides.

Claude Codex Code(CC)
Install
🎨

design-an-interface

Safe 74

Design Better Interfaces Using Parallel Sub-Agents

by mattpocock

Designers often settle on the first interface idea without exploring alternatives. This skill applies the 'Design It Twice' methodology, using parallel sub-agents to generate radically different interface designs for comparison and synthesis.

Claude Codex Code(CC)
Install
🖼️

nano-image-generator

Safe 76

Generate images using Gemini 3 Pro with style references

by lxfater

Creating visual assets for projects often requires expensive design tools or manual illustration. This skill enables instant image generation using Google Gemini 3 Pro Preview API with support for reference images to maintain consistent style and character appearance across multiple assets.

Claude Codex Code(CC)
Install