frontend-design
Safe 73Build 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.
delight
Safe 70Transform 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.
critique
Safe 66Critique Your Design
by pbakaus
Get expert UX design feedback that identifies AI-generated patterns, visual hierarchy issues, and actionable improvements to elevate your interface.
colorize
Safe 69Add 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.
clarify
Safe 70Improve 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.
bolder
Safe 69Transform 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.
audit
Safe 69Audit 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.
arrange
Safe 69Transform 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.
animate
Safe 69Add 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.
adapt
Safe 69Adapt 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.
liquid-glass
Safe 70Add 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.
app-store-screenshots
Safe 70Generate 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.
mulerouter
Safe 81Generate 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.
ckm:design
Medium Risk 68Design 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.
ckm:design-system
Low Risk 72Generate 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.
gif-sticker-maker
Medium Risk 68Create 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.
design-style-skill
Safe 70Apply 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.
color-font-skill
Safe 71Add 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.
design-an-interface
Safe 74Design 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.
nano-image-generator
Safe 76Generate 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.