Claude can automatically review UI code against established web design guidelines, catching accessibility issues, usability problems, and best practice violations before deployment. This skill fetches the latest guidelines and performs static analysis to identify improvements.

Create modern AI chat interface components using pre-built, composable UI elements that follow shadcn/ui patterns and Vercel AI SDK conventions.

You need consistent visual styling across documents and presentations. This skill provides 10 curated themes and can generate custom themes based on your requirements. Apply matching colors and fonts to slides, docs, and reports.

Creating animated GIFs for Slack requires specific dimensions, color limits, and frame rates to display properly. This skill provides tools to build GIFs that meet Slack requirements with smooth easing functions and visual effects.

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.

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.

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.

Create high-quality images for presentations, documents, and publications using AI models. Generate original artwork or edit existing images with simple text prompts. Access FLUX and Gemini models through OpenRouter API.

Transform content into engaging Xiaohongshu-style infographic series. Auto-selects visual styles and layouts based on content analysis. Generates 1-10 cartoon-style images optimized for the Xiaohongshu platform.

Users struggle to transform written content into visual presentations. This skill analyzes content, generates comprehensive slide outlines with style specifications, and produces individual slide images using AI image generation.

Create high-quality AI-generated images without leaving your development environment. Supports multiple providers, aspect ratios, and reference images for precise visual control.

Access Google Gemini Web for AI-powered text generation and image creation. Uses browser-based authentication to handle Google login securely. Provides a foundation for other baoyu skills that need Gemini capabilities.

Creating visually appealing cover images for articles requires design skills and image generation tools. This skill analyzes your content and automatically generates elegant hand-drawn style cover images in multiple visual styles.

Transform complex topics into engaging visual comics. Generate multi-page educational comics with character designs, storyboards, and panel layouts in various artistic styles.

Articles with text alone fail to engage readers. This skill analyzes your article content and automatically generates contextual illustrations at key positions. Choose from 9 visual styles to match your content tone and topic.

Create videos from text, images, or audio using 40+ AI models. Generate social media clips, marketing content, and explainer videos with tools like Veo 3.1, Grok Video, and Wan 2.5.

Transform React and Remotion TSX code into MP4 videos programmatically. Perfect for developers who want to generate animations, motion graphics, and data-driven videos through code.

Transform React TSX code into professional MP4 videos using Remotion. Programmatic video generation for developers, content creators, and automation workflows.

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.

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.