🎯

infographic-creation

🎯Skill

from cookabc/awesome-skills

VibeIndex|
What it does

infographic-creation skill from cookabc/awesome-skills

infographic-creation

Installation

Install skill:
npx skills add https://github.com/cookabc/awesome-skills --skill infographic-creation
8
-
Last UpdatedJan 8, 2026

Skill Details

SKILL.md

Overview

# Claude Code Skills

> A curated collection of custom skills for [Claude Code](https://claude.ai/code)

[δΈ­ζ–‡ζ–‡ζ‘£](README.zh-CN.md) | English

This repository contains custom skills for enhancing Claude Code functionality.

Skills

chunxiang-rocket

AI Programming Bootcamp - A Comprehensive Guide

Author: Zhao Chunxiang - Independent Developer, AI Entrepreneur, Author of "Stomach Book"

A complete AI programming prompt system that helps you master AI full-stack development from zero to one.

Topics Covered:

  • GEB Fractal Documentation System Protocol
  • Vite + React + TailwindCSS v4 Environment Setup
  • shadcn/ui Design System Configuration
  • Neumorphic Design with Light & Shadow
  • Landing Page Architecture Standards
  • Framer Motion Animation Enhancement
  • Supabase Integration Workflow

---

planning-with-files

Planning with Files - Persistent Markdown Workflow

A skill that transforms your workflow to use Manus-style persistent markdown files for planning, progress tracking, and knowledge storage.

Features:

  • 3-file pattern: task_plan.md, notes.md, [deliverable].md
  • Persistent working memory on disk
  • Phase-based progress tracking
  • Error logging and knowledge retention

Use when: starting complex tasks, multi-step projects, research tasks, or when you need structured output and progress tracking.

---

infographic-creation

Infographic Creation Tool

A skill for generating visual infographics based on [AntV Infographic](https://infographic.antv.vision/).

Features:

  • Multiple template types (timeline, flowchart, comparison, hierarchy, etc.)
  • Integrated Iconify icon library and unDraw illustration resources
  • Customizable theme colors
  • SVG export support

---

Installation

  1. Place skill directories under ~/.claude/skills/
  2. Restart Claude Code
  3. Skills will be loaded automatically

```

~/.claude/skills/

β”œβ”€β”€ chunxiang-rocket/

β”‚ └── SKILL.md

β”œβ”€β”€ infographic-creation/

β”‚ └── SKILL.md

β”œβ”€β”€ planning-with-files/

β”‚ └── SKILL.md

└── README.md

```

Usage

Invoke skills directly in Claude Code:

```

/chunxiang-rocket

/infographic-creation

/planning-with-files

```

Or simply describe your needs in natural language, and Claude will automatically invoke the appropriate skill.

Contributing

Issues and Pull Requests are welcome.

License

MIT