Research Topic Tech Roadmap SVG Generator
Paste the following prompt into your AI chat to install this skill:
Please follow https://skillhub.cn/install/skillhub.md to install @user_8ca6fe9b/tech-roadmap-svg.
About this skill
Problem
Research project descriptions often state the background, methods, and objectives, but they do not produce a figure structure suitable for a thesis, grant proposal, or journal paper. Hand-drawn SVGs can suffer from unclear hierarchy, mixed arrow semantics, overly saturated colors, clipped labels, and misaligned modules. This skill targets research workflows and technical roadmaps, rather than generic statistical charts or theoretical models, and outputs an editable .svg file that follows common Chinese academic figure conventions: white background, low-saturation pastel fills, dashed grouping, and staged progression.
How It Works and Limits
- Pick a diagram type first: choose
Avertical stage flow,Bthree-column framework,Clayered architecture,Dbidirectional coupling,Emulti-scale matrix, orFconcept ring. - Compose reusable patterns: combine
P1title,P2stage,P3grouping,P4module,P5arrow semantics,P6shape semantics, andP8color patterns. - Apply layout constraints: control canvas ratio, font size, border weight, corner radius, spacing, and dash styles so Chinese labels remain readable after print.
- Validate before delivery: check boundaries, arrow crossings, clipped text, terminology consistency, and standard editable SVG text elements.
It fits research technical roadmaps, research flow diagrams, and research framework diagrams. It is not intended for experimental scatter plots, thematic maps, or complex interactive graphics. If the project involves strong spatial processes, multi-scenario parameters, or coupled subsystems, define the stages, inputs, outputs, and constraints first.
Use Cases
- Drafting a vertical thesis roadmap from background, data, and methods to conclusions.
- Structuring a multi-scale land-use and climate simulation framework for a grant proposal.
- Mapping ecological supply-demand coupling with distinct solid, dashed, and bidirectional arrows.
- Redrawing a journal research framework using white backgrounds, pastel colors, and editable SVG.
Best For
- Graduate students writing theses who need standardized vertical research stage diagrams.
- Researchers drafting grant proposals who must structure multi-scenario simulation logic clearly.
- Academics publishing papers who need editable SVG frameworks with low-saturation academic colors.
Related Skills
Converts image sequences, videos, or screen recordings into GIFs with Python, supporting timing, looping, optimization, and quick command-line use.
Adds white text, a yellow bar, and optional translucent masks to photos using OpenCV and Pillow.
Call Mew image and design APIs in two stages to create an emotional background and compose a share-ready quote check-in poster.
Generate felt-craft pendant designs, part breakdowns, and structured analysis from a product image or Base64 input.