Product teams struggle to decide what UI actions to show after a user completes a task. This skill provides a structured framework to model actions from user intent, placing them at the right scope and priority level.

Design-to-code translation often produces unstructured components that break repository architecture and design-system rules. This skill converts Figma or Pencil designs into production-ready code using Feature-Sliced Design layers, Tailwind v4 tokens, and accessibility standards while respecting existing project contracts.

Casely eliminates 40% of QA engineering time by converting requirement documents into structured test cases. It learns your team's writing style from examples and exports TestRail-ready Excel files.

Web developers need to verify accessibility, SEO, and quality before deploying updates. This skill performs a structured browser audit covering WCAG 2.2 AA compliance, Lighthouse checks, keyboard navigation, and critical UX issues.

Building brand assets for Next.js projects is repetitive and error-prone. This skill scans your project, generates a full checklist with exact specifications, and imports all assets with correct metadata configuration.

Generic brainstorming often produces obvious or impractical ideas. This skill provides a structured methodology for transforming abstract problems into novel, feasible solutions through analogical "mastication" and multi-stage refinement.

Managing plugin releases manually leads to forgotten changelog updates and inconsistent versioning. This skill automates the entire release workflow including version bump detection, changelog generation, and git tag creation.

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.

Converts any webpage to clean markdown using Chrome browser automation. Supports dynamic pages requiring login and outputs structured markdown with metadata.

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.

An AI skill for Claude, Codex, and Claude Code

Automate posting articles and image-text content to WeChat Official Account. Convert Markdown to WeChat HTML and automate browser interactions for seamless publishing.

Transforms plain Markdown files into beautifully styled HTML with WeChat-optimized themes, code highlighting, math equations, and diagram support.

Transforms complex content into visually engaging infographics with 20 layout types and 17 visual styles. Analyzes content, recommends optimal layout×style combinations, and generates prompts for publication-ready infographic images.

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.

Transforms plain text and markdown files into well-structured documents with proper frontmatter, typography, and formatting. Outputs clean, publication-ready markdown with CJK language support.

Converting X (Twitter) content to markdown is time-consuming when done manually. This skill automates the extraction of tweets, threads, and articles into clean markdown with YAML front matter, preserving content structure and metadata.

This skill provides AI-powered text and image generation via Google's Gemini Web API. It enables Claude Code workflows to create images from prompts, maintain multi-turn conversations, and process images with vision 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.