$npx skillfedfor your agent

Tech Article Diagram

Analyzes technical articles to pinpoint sections worth illustrating—abstract concepts, processes, comparisons, and system architecture—then generates 16:9 diagrams in your choice of seven visual styles. Supports notebook sketches, professional infographics, cozy handdrawn, tech doodles, cartoon layouts, whiteboard sketches, and executive-tech designs. Keeps long-form content engaging without cluttering every paragraph.

Tech Article Diagram automatically identifies where diagrams fit in long-form technical writing and generates styled concept, flow, comparison, or architecture visuals.

AI-generated summary based on this skill's SKILL.md

★ 256  51 unlicensed, metadata onlyupdated by wwwzhouhui

Decision gist · record as of 2026-07-26

Tech Article Diagram automatically identifies where diagrams fit in long-form technical writing and generates styled concept, flow, comparison, or architecture visuals. Analyzes technical articles to pinpoint sections worth illustrating—abstract concepts, processes, comparisons, and system architecture—then generates 16:9 diagrams in your choice of seven visual styles. Supports notebook sketches, professional infographics, cozy handdrawn, tech doodles, cartoon layouts, whiteboard sketches, and executive-tech designs. Keeps long-form content engaging without cluttering every paragraph.

manual: git clone https://github.com/wwwzhouhui/skills_collection → cp -r skills_collection ~/.claude/skills/tech-article-diagram

Use it when

  • Yes.
  • Tech Article Diagram offers seven visual styles: notebook sketches, professional infographics, cozy handdrawn, tech doodles.
Same gist for agents: .md · .json

Install

wwwzhouhui/skills_collection/tech-article-diagram · repository language: Python

generated, unverified - the skill's exact subdirectory could not be determined; check the repository on GitHub

Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.

Frequently asked questions

AI-generated answers based on this skill's SKILL.md and metadata

What can Tech Article Diagram generate for technical writing?

Tech Article Diagram analyzes technical articles to identify sections worth illustrating—abstract concepts, processes, comparisons, and system architecture—then generates 16:9 diagrams. The skill supports seven visual styles: notebook sketches, professional infographics, cozy handdrawn, tech doodles, cartoon layouts, whiteboard sketches, and executive-tech designs. It enhances clarity without cluttering every paragraph.

Can I generate technical diagrams automatically for my articles?

Yes. Tech Article Diagram automates diagram creation during technical writing by analyzing your content and pinpointing sections that benefit from visual aids. It then generates ready-to-use diagrams in your choice of seven styles, streamlining the process of adding visuals to documentation and long-form technical content.

What visual styles does the diagram generator for technical writing offer?

Tech Article Diagram offers seven visual styles: notebook sketches, professional infographics, cozy handdrawn, tech doodles, cartoon layouts, whiteboard sketches, and executive-tech designs. Each style suits different audiences and article tones, letting you match diagrams to your content's voice and formality level.

How does Tech Article Diagram decide where to place visuals?

Tech Article Diagram analyzes your article to identify high-impact illustration opportunities: abstract concepts that need concrete representation, multi-step processes, system comparisons, and architecture diagrams. It focuses on sections where visuals add the most clarity, keeping your content engaging without over-illustrating.

Can Tech Article Diagram create flowcharts and architecture diagrams?

Yes. Tech Article Diagram specializes in creating flowcharts and architecture diagrams for documentation. It recognizes process flows and system structures within your technical articles, then generates appropriate visual representations in your selected style to clarify complex relationships and workflows.

Let your AI agent find skills like this

Example. Real query, live index.

You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.

wish › “Generate diagrams and visualizations for technical articles”

Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →

Related skills

Article Explainer Video
by wwwzhouhui · wwwzhouhui/skills_collection

Article Explainer Video transforms long-form technical content into 5–8 minute narrated videos with multiple layout styles, AI-generated illustrations, and synchronized subtitles. Choose between warm (cozy handdrawn) or midnight (tech-forward) visual themes, then let the pipeline handle storyboarding, illustration generation, text-to-speech, and MP4 rendering.

no license declared → metadata onlyupdated Jul 2026
★ 256repo stars
Ai Image Generator
by wwwzhouhui · wwwzhouhui/skills_collection

This execution layer routes image generation requests to four different API providers—MuleRun Nano Banana 2, APImart GPT Image 2, Atlas Cloud GPT Image 2, and Agnes Image 2.1 Flash—switchable via the `--provider` parameter. It supports both pure text-to-image generation and reference-image-based editing in single or batch modes, designed to be called by other skills rather than used directly.

no license declared → metadata onlyupdated Jul 2026
★ 256repo stars
agnes-ai-skill
by jomeswang · jomeswang/agnes-ai-skill

Agnes AI Skill brings multimodal generation—text, images, and video—to your terminal through the agnes-ai-cli. It wraps Agnes's models (text-to-image, image-to-image, image-to-video, and keyframe video) in a streamlined CLI interface, handling auth, file uploads, and polling automatically. Use it for prototyping, creative iteration, or agent-driven content workflows.

MITupdated Jun 2026
★ 57repo stars
Short Video Cover
by wwwzhouhui · wwwzhouhui/skills_collection

Short Video Cover creates platform-optimized 3:4 vertical thumbnails for short-form video platforms by analyzing your video script and producing covers with bold typography, host imagery, and UI elements that drive engagement. Choose from 11 visual styles—from dark tech to split-screen narrative—or use the default deep-tech look, then let the skill generate and self-check your cover before delivery.

no license declared → metadata onlyupdated Jul 2026
★ 256repo stars
Ai Teaching Media
by wwwzhouhui · wwwzhouhui/skills_collection

This integrated skill bundles six specialized capabilities for producing teaching media: image generation, technical article illustrations, subject infographics, animated lessons with voiceover, short-form video covers, and article-to-video conversion. Route requests to the appropriate sub-skill, or chain multiple capabilities into complete production pipelines for knowledge points or long-form content.

no license declared → metadata onlyupdated Jul 2026
★ 256repo stars
Edu Subject Infographic
by wwwzhouhui · wwwzhouhui/skills_collection

Edu Subject Infographic transforms any topic into a vertical teaching graphic by automatically identifying the subject, breaking down 3–5 core concepts, assigning a cohesive color scheme, and generating illustrated descriptions for each section. The skill includes dual-layer accuracy verification—checking prompts against subject-specific guidelines before generation, then visually reviewing the rendered PNG for text clarity, formulas, and diagram logic. Batch generation lets you create multiple infographics at once with consistent styling but distinct color palettes.

no license declared → metadata onlyupdated Jul 2026
★ 256repo stars

More skills Grok Imagine Image (unlicensed) · baoyu-infographic (MIT) · agnes-ai-generation (MIT) · Haizei Agnes Image Gen (unlicensed)

Tags
content-creationtechnical-visualizationdiagram-automationdocumentation-aidvisual-communicationtechnical-writing-tool