Toolverse
All skills
UX / Design

baoyu-infographic

by JimLiu

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create \

Installation

Pick a client and clone the repository into its skills directory.

Installation

Quick info

Author
JimLiu
Category
UX / Design
Views
22
GitHub repo

About this skill

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create \

How to use

  1. Przygotuj zawartość w pliku tekstowym (Markdown) zawierającym dane, którą chcesz wizualizować — może to być lista punktów, tabela, proces lub porównanie.

  2. Uruchom narzędzie z ścieżką do pliku: /baoyu-infographic ścieżka/do/pliku.md — system automatycznie przeanalizuje treść i zaproponuje najlepszy układ (domyślnie bento-grid) oraz styl (domyślnie craft-handmade).

  3. Jeśli chcesz wybrać konkretny układ i styl, użyj opcji --layout i --style, na przykład: /baoyu-infographic ścieżka/do/pliku.md --layout hierarchical-layers --style technical-schematic — dostępne są 21 układów (linear-progression dla osi czasu, binary-comparison dla porównań, tree-branching dla kategorii, funnel dla konwersji itp.) i 20 stylów.

  4. Dostosuj orientację infografiki opcją --aspect: landscape dla formatu 16:9, portrait dla 9:16 lub square dla 1:1, zależnie od miejsca publikacji.

  5. Jeśli pracujesz w innym języku, dodaj opcję --lang (en, zh, ja itd.) — narzędzie dostosuje tekst i etykiety.

  6. Poczekaj na wygenerowanie infografiki — będzie ona gotowa do pobrania i natychmiastowej publikacji na stronie, w mediach społecznościowych lub raporcie.

Related skills

mermaid

by iOfficeAI

Render Mermaid diagrams as SVG or ASCII art using beautiful-mermaid. Use when users need to create flowcharts, sequence diagrams, state diagrams, class diagrams, or ER diagrams. Supports both graphical SVG output and terminal-friendly ASCII/Unicode output.

UX / Design
1881

writing-rap-lyrics

by asvskartheek

Helps write rap lyrics with proper rhythm, flow, cadences, and structure. Teaches musical fundamentals (bars, beats, tempo, BPM) and lyric formatting. Use when writing rap lyrics, creating verses, understanding flow, structuring bars, improving cadence, learning rhythm patterns,

UX / Design
21102

latex-posters

by davila7

Create professional research posters in LaTeX using beamerposter, tikzposter, or baposter. Support for conference presentations, academic posters, and scientific communication. Includes layout design, color schemes, multi-column formats, figure integration, and poster-specific

UX / Design
1662

3d-graphics

by samhvw8

3D web graphics with Three.js (WebGL/WebGPU). Capabilities: scenes, cameras, geometries, materials, lights, animations, model loading (GLTF/FBX), PBR materials, shadows, post-processing (bloom, SSAO, SSR), custom shaders, instancing, LOD, physics, VR/XR. Actions: create, build,

UX / Design
2595

ffmpeg-cli

by openclaw

Comprehensive video/audio processing with FFmpeg. Use for: (1) Video transcoding and format conversion, (2) Cutting and merging clips, (3) Audio extraction and manipulation, (4) Thumbnail and GIF generation, (5) Resolution scaling and quality adjustment, (6) Adding subtitles or

UX / Design
4298

ui-ux-designer

by sickn33

Create interface designs, wireframes, and design systems. Masters user research, accessibility standards, and modern design tools. Specializes in design tokens, component libraries, and inclusive design. Use PROACTIVELY for design systems, user flows, or interface optimization.

UX / Design
1949