Figure Designer
Figure Designer is an agent skill (a SKILL.md file) from HKUSTDial/Supervisor-Skills. Advises on the design of the three core figures in a technical paper: the Motivated Example (Figure 1), the Solution Overview (Methodology), and the Experimental Results figures. It works with Claude Code, Codex and Cursor and has 8,430 GitHub stars across a repository of 2 listed skills.
github.com/HKUSTDial/Supervisor-Skills/skills/figure-designer (opens in a new tab)
- Multi-skill repo
- Design & frontend
- Actively maintained
Add this skill
Claude
Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):
git clone --depth 1 https://github.com/HKUSTDial/Supervisor-Skills.git
cp -r Supervisor-Skills/skills/figure-designer ~/.claude/skills/figure-designer # personal, or .claude/skills in a projectIn the Claude apps, zip the figure-designer folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).
ChatGPT / Codex
Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:
git clone --depth 1 https://github.com/HKUSTDial/Supervisor-Skills.git
cp -r Supervisor-Skills/skills/figure-designer .agents/skills/figure-designer # repo; ~/.agents/skills for all projectsStandalone skills also load in the ChatGPT desktop app.
Cursor
Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:
git clone --depth 1 https://github.com/HKUSTDial/Supervisor-Skills.git
cp -r Supervisor-Skills/skills/figure-designer .cursor/skills/figure-designer # project; ~/.cursor/skills for all projectsSource (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)
What this skill does
Advises on the design of the three core figures in a technical paper: the Motivated Example (Figure 1), the Solution Overview (Methodology), and the Experimental Results figures. Recommends the right design paradigm, layout, labelling, and tool for each figure type, then runs a quality-control audit. Use when the user asks to 'design a figure', 'draw Figure 1', 'plot experiment results', 'choose the right chart type', 'which figure tool to use', or 'figure looks unprofessional'.
When it triggers
- Use when the user asks to 'design a figure', 'draw Figure 1', 'plot experiment results', 'choose the right chart type', 'which figure tool to use', or 'figure looks unprofessional'.
More skills in HKUSTDial/Supervisor-Skills
2 skills are listed from this repository.
Similar skills
More design & frontend skills
Brainstorming
obra/superpowers
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior.
Design & frontendShellPrototype
mattpocock/skills
Build a throwaway prototype to answer a design question.
Design & frontendShellCodebase Design
mattpocock/skills
Shared vocabulary for designing deep modules.
Design & frontendShellAccessibility
affaan-m/ECC
Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…
Design & frontendJavaScriptBackend Patterns
affaan-m/ECC
Backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.
Design & frontendJavaScriptDesign System
affaan-m/ECC
Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with…
Design & frontendJavaScript
What is the Figure Designer skill?
Figure Designer is an agent skill (a SKILL.md file) from HKUSTDial/Supervisor-Skills. Advises on the design of the three core figures in a technical paper: the Motivated Example (Figure 1), the Solution Overview (Methodology), and the Experimental Results figures. It works with Claude Code, Codex and Cursor and has 8,430 GitHub stars across a repository of 2 listed skills. Its SKILL.md lives at github.com/HKUSTDial/Supervisor-Skills/skills/figure-designer.
How do I install the Figure Designer skill?
Copy the figure-designer folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.
Is the Figure Designer skill free?
Yes. The repository is open source under the CC-BY-4.0 license.
Is Figure Designer maintained?
The repository's most recent commit was on Sep 5, 2026. appsgit only lists skills from repositories with a commit in the last six months.