Can this skill help with social media marketing?

Yes, after generating the diagram prompt, the skill automatically creates suggested text for an X (Twitter) post to help you share your technical visuals.

Where are the generated prompts stored?

All prompts and progress are saved locally in the 'outputs/tech-diagram/' directory, ensuring your work is organized and easily accessible.

What image styles are supported?

The skill supports two primary styles: 'Clean' for a modern, professional infographic look, and 'Hand-drawn' for a friendly,ラフスケッチ (sketch-like) appearance.

What is the tech-diagram skill?

It is a specialized Claude Code skill that helps users generate detailed prompts for AI image generators to create technical infographics and diagrams for documentation and social media.

Why do I need to attach a character image?

The workflow requires a character image to place it as a narrator or guide within the infographic, helping to humanize the technical explanation.

Tech Diagram & Infographic Creator

Name: Tech Diagram & Infographic Creator
Author: masayan1126

bymasayan1126

0•

학습 및 문서화

Generates optimized AI image prompts for technical infographics, architecture diagrams, and visual explanations.

This skill streamlines the creation of technical visuals by transforming complex concepts into detailed image generation prompts for Nano Banana Pro. It guides users through a structured workflow to select specific diagram types—including flowcharts, architecture maps, and technology comparisons—while offering a choice between professional clean lines or friendly hand-drawn styles. Designed for technical writers and developers, it ensures visual consistency by incorporating narrator characters and automatically generating social media copy to accompany the final graphics.

주요 기능

01Support for 5 distinct diagram types: Flowchart, Comparison, Concept, Architecture, and Timeline

020 GitHub stars

03Customizable visual aesthetics including 'Clean' modern styles and 'Hand-drawn' sketch styles

04Automated prompt generation tailored for Nano Banana Pro image AI

05Integrated social media copy generation for X (formerly Twitter) platform sharing

06Structured project management with dedicated output folders for prompts and image metadata

사용 사례

01Generating engaging AI-driven infographics for social media educational threads

02Creating visual architecture diagrams for technical blog posts and documentation

03Developing visual aids for technical presentations and product comparisons

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add masayan1126/masayan-uni-code-plugins tech-diagram

For use in Claude.ai and ChatGPT

Download Skill