jimliu avatar

Baoyu Infographic

The baoyu-infographic skill generates publication-ready infographics by combining 21 layout types with 20 visual styles to match various content structures and aesthetic preferences. It analyzes user content and recommends optimal layout-style combinations, serving designers and content creators who need to transform dense information into visually structured summaries. The skill activates when users request infographic creation in English or Chinese, supporting multiple aspect ratios and languages.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
5
skills.sh installs
33.4K
GitHub stars
27.4K
last updated
Aug 21, 2026

Install

$ npx -y skills add jimliu/baoyu-skills --skill baoyu-infographic --agent claude-code

Installs into .claude/skills of the current project.

Files

Infographic Generator

Two dimensions: layout (information structure) × style (visual aesthetics); any layout combines with any style.

User Input Tools

When this skill prompts the user, follow this tool-selection rule (priority order):

  1. Prefer built-in user-input tools exposed by the current agent runtime — e.g., AskUserQuestion, request_user_input, clarify, ask_user, or any equivalent.
  2. Fallback: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question.
  3. Batching: if the tool supports multiple questions per call, combine all applicable questions into a single call; if only single-question, ask them one at a time in priority order.

Concrete AskUserQuestion references below are examples — substitute the local equivalent in other runtimes.

Image Generation Tools

Resolve the image backend in this order:

Sponsors

Details

Repository
github.com/jimliu/baoyu-skills
Categories
Frontend Development, Code Review & Quality, Design & UI/UX

More from jimliu/baoyu-skills

All 24
1mcp-use avatarmcp-apps-buildermcp-use/mcp-useBuild, modify, debug, migrate, or review TypeScript MCP servers and interactive MCP Apps using mcp-use v2. Use for tools, resources, prompts, Views, React host 33.1Kskills.sh installs
2vercel-labs avatarnext-cache-componentsvercel-labs/next-skillsMix static, cached, and dynamic content in a single Next.js route with Partial Prerendering.33Kskills.sh installs
3dammyjay93 avatarinterface-designdammyjay93/interface-designCraft-first interface design for dashboards, admin panels, SaaS apps, tools, settings pages, data interfaces, and interactive products. Use when designing, buil32.8Kskills.sh installs
4expo avatarexpo-data-fetchingexpo/skillsFramework (OSS). Use when implementing or debugging ANY network request, API call, or data fetching. Covers fetch API, React Query, SWR, error handling, caching31.8Kskills.sh installs
5firecrawl avatarfirecrawl-qafirecrawl/firecrawl-workflowsQA test a live website with Firecrawl browser and scrape evidence. Use when the user wants exploratory QA, form testing, navigation/link checks, responsive chec31.6Kskills.sh installs
6caffeinelabs avatarextension-http-outcallscaffeinelabs/skillsHTTP outcalls performed by the backend canister (not in the frontend).30.8Kskills.sh installs