Agent skill

Ccf Visual Composer

by mikubaka88 in mikubaka88/CCFA-Skills

Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content.

MITAuto-check passedDocuments & Office

Install Ccf Visual Composer

skills CLI
$ npx skills add mikubaka88/CCFA-Skills --skill ccf-visual-composer -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install mikubaka88/CCFA-Skills ccf-visual-composer --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/mikubaka88/CCFA-Skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/ccf-visual-composer .claude/skills/ccf-visual-composer && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
ccf-visual-composer
GitHub stars
3k
Token cost
~2.4k tokens
SKILL.md length
1,088 words
Files
21 (incl. references)
Skills in repo
17
Repo updated
First seen
Licence
MIT

At a glance

Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content.

  • Works in 8 steps: Resolve the requested artifact, existing… → Resolve scientific prerequisites before… → Select the smallest rendering route that… → …
  • GPT Image 2 generation
  • SKILL.md covers Family File Contract, Collaboration Contract, Invocation Controls and Core Rule, plus 3 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Ccf Visual Composer is an agent skill from mikubaka88/CCFA-Skills. Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content. Use for 绘图美化, 排版, 配色, GPT Image 2 generation, pure SVG, and editable SVG/PDF/PPTX. Preserve values and topology. Experiment evidence design belongs to ccf-experiment-designer; manuscript rewriting and PDF-to-writing exemplars are separate.

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 22 other files, including reference files (for example `agents/openai.yaml`, `references/adaptive-architecture-style.md` and `references/architecture-diagram-generation.md`).

It sits in Documents & Office, covering Image generation, Diagrams and PowerPoint presentations. It works with Microsoft PowerPoint. The repository describes itself as: A skill family for shaping the research storyline of CCF-A papers. The licence is MIT.

When your agent uses it

  • GPT Image 2 generation
  • Editable SVG/PDF/PPTX

Example prompts

  • “/ccf-visual-composer”

Workflow steps

8 steps, taken from the first numbered list in SKILL.md.

  1. Resolve the requested artifact, existing source, final size, destination, formats, and scientific takeaway. For file work, read…
  2. Resolve scientific prerequisites before rendering dependent content: source values, units, metric meaning, topology, and intended message…
  3. Select the smallest rendering route that completes the task. A new architecture concept uses the default image workflow. For an existing…
  4. Preserve a detailed user prompt and add missing constraints once. For a full redesign, include the reference roles, layout geometry, text…
  5. Inspect the draft against the layout and scientific contract. Correct vector/native text and geometry during requested reconstruction; for…
  6. Build requested editable outputs as semantic groups, live text, shapes, and typed connectors. Do not embed a whole raster and claim…
  7. Check changed outputs for data/topology, whole-figure compactness, shared edges/baselines, final-size text, clipping, contrast, and…
  8. Finish the requested deliverable and check file placement, current exports, and disposable temporary files. New data/protocol decisions…

What it can do on your machine

Read from SKILL.md and the folder at commit 5969e6b. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Ccf Visual Composer loads about 2.4k tokens when it runs, and up to ~294k if it reads all its reference files. Until then it costs about 91 tokens; SKILL.md has 1,088 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~91
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~294k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from mikubaka88/CCFA-Skills at commit 5969e6b, republished under its MIT licence (© mikubaka88). 1,088 words, ~2,398 tokens.

Download SKILL.mdSave it as .claude/skills/ccf-visual-composer/SKILL.md (or your agent's skills folder). This skill also uses 20 other files; get the full folder from GitHub.
name
ccf-visual-composer
description
Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content. Use for 绘图美化, 排版, 配色, GPT Image 2 generation, pure SVG, and editable SVG/PDF/PPTX. Preserve values and topology. Experiment evidence design belongs to ccf-experiment-designer; manuscript rewriting and PDF-to-writing exemplars are separate.

CCF Visual Composer

Family File Contract

Before writing, resolve the canonical output and one stable working directory per task/artifact. Reuse explicit or established task paths; otherwise use project-root ccfa-workfiles/<purpose>/<artifact-id>/, with source/, assets/, cache/, and build/ only as needed. Update current files in place; do not scatter intermediates or create iteration copies. Preserve inputs and required evidence; clean only verified disposable files created by this task. Use UTF-8 text I/O and check Chinese text after saving or rendering. For file work, apply artifact-contracts.md and reuse the same paths across skill transitions.

Collaboration Contract

Before specialist execution, read and apply ccf-humanization first, then ccf-common. At every handoff, reuse their applicable active rules or refresh missing/changed ones. Both preflights are required even without prose; detailed editing, experiment, and maintenance modes run only when relevant.

Keep one integrating owner and actively use other skills to resolve missing prerequisites or check material findings. Reuse applicable evidence; do not skip necessary groundwork to save tokens. Before finalizing, integrate contributions and verify affected results. Follow the conditional cooperation routes; avoid unrelated stages and duplicate reports.

Invocation Controls

CCFA Handoff Mode: PARTIAL (Recommended). Follow metadata.ccf_skill_controls.handoff_question_mode, ../ccf-common/references/handoff-modes.md, and ../ccf-common/references/task-modes.md. Reuse shared rules already in context.

For a new scientific method or architecture concept, GPT Image 2 remains the default first-pass renderer unless the user requests pure SVG/code-first output or opts out. Use the verified host capability and its privacy/image instructions. Do not label an unknown backend as GPT Image 2. Existing authorization covers necessary generation and requested reconstruction; offer extra formats only when outside the request.

Core Rule

Create readable visuals from supplied content. Preserve values, units, uncertainty, exact labels, method modules, and typed connections. Quantitative plots use reproducible code. Missing data or topology requires the relevant evidence owner; do not invent it to complete a composition. Preserve scientific terminology and canonical uppercase acronyms; use natural case for ordinary labels.

Classify the destination as paper mechanism figure, presentation/poster, or README/outreach. Paper figures show representations and computation. Choose visual grammar from the method, not a fixed stage-card template.

For new compositions, use references/visual-contract.md: a compact content-fit canvas, shared alignment anchors, scaled gaps, and typography checked at final size. Do not default to a square or force a fixed aspect ratio. Times New Roman is the default; Comic Sans MS serves a requested comic treatment, subject to user/venue typography. For a new visual direction, choose one functional preset from references/adaptive-architecture-style.md. Inspect supplied references, allocate space by explanatory importance, and keep only necessary labels/numbers.

Modes And Selective References

Read only the relevant sections below. A local edit starts from the existing source and applicable QA; it does not reload the complete generation workflow.

ModeUse and reference
visual-contractNon-trivial content/evidence/output decisions: references/visual-contract.md.
figure-design, python-plottingNumerical plots: select from references/python-plot-recipes.md, then import the needed recipe from resources/python/ccfa_plot_recipes.py; read implementation only to debug or adapt it. references/plot-inspiration-map.md is optional for an unresolved chart choice.
architecture-generationNew concept: references/architecture-diagram-generation.md; paper-specific grammar only from references/paper-vs-presentation-diagrams.md.
pure-svg-generationExplicit deterministic route: use the supported topology and vector authoring source directly.
editable-reconstructionSemantic reconstruction sections in references/architecture-diagram-generation.md; load references/editable-pptx.md only for PPTX.
reference-layout-blueprintSupplied reference composition: references/reference-layout-blueprint.md; use references/adaptive-architecture-style.md when prompt refinement is needed.
icon-systemNative primitives, reusable licensed icons, or necessary custom assets: references/icon-system.md.
table-design, layout-integrationSupplied values, panel/float/caption placement: references/figure-table-layout.md.
render-qaInspect the requested formats using the relevant checks in references/render-qa.md.

Use references/palette-and-accessibility.md only when choosing or changing color semantics. Reuse an established palette and icon family when they remain suitable.

Show full SKILL.md (514 more words)Show less

Workflow

  1. Resolve the requested artifact, existing source, final size, destination, formats, and scientific takeaway. For file work, read ../ccf-common/references/artifact-contracts.md once and resolve canonical output and working paths before rendering. Keep unrelated figures in separate stable working directories; honor existing project paths.
  2. Resolve scientific prerequisites before rendering dependent content: source values, units, metric meaning, topology, and intended message. Use ccf-experiment-designer for unresolved result semantics, the method's owner for topology, or ccf-integrity-auditor for source conflicts; integrate their evidence without inventing missing content. Reuse one specification for topology, labels, data locations, layout, style, and provenance. Do not save overlapping contracts, prompt drafts, wireframes, or QA logs. A minor edit reuses unchanged prerequisites and checks only affected dependencies.
  3. Select the smallest rendering route that completes the task. A new architecture concept uses the default image workflow. For an existing SVG, PPTX, or plot script, directly edit that authoring source and export affected requested formats; do not run a new raster concept pass for a label, color, spacing, data, or export change. Raster edits follow the host image-editing workflow and use the existing image as reference.
  4. Preserve a detailed user prompt and add missing constraints once. For a full redesign, include the reference roles, layout geometry, text inventory, typography, and palette needed to make it concrete; do not truncate these to an arbitrary word limit. Reuse approved topology, layout tokens, and assets. Start with one complete candidate unless alternatives are requested. Search or generate assets only to resolve a specific unmet need.
  5. Inspect the draft against the layout and scientific contract. Correct vector/native text and geometry during requested reconstruction; for raster delivery, use a targeted image edit for text, spacing, or illustration defects and preserve accepted regions. If two attempts fail to fix the same defect, diagnose the cause and change the relevant strategy. Never stop merely at an attempt count while a feasible correction remains.
  6. Build requested editable outputs as semantic groups, live text, shapes, and typed connectors. Do not embed a whole raster and claim editability. Keep unavoidable raster assets separate and describe their actual editability. Generate downstream PDF/PPTX from the canonical authoring source without lossy round trips; retain only necessary reusable source and assets.
  7. Check changed outputs for data/topology, whole-figure compactness, shared edges/baselines, final-size text, clipping, contrast, and requested editability. A local edit also checks attached connectors and protected regions. Render affected pages/slides first; broaden only when a changed shared style/layout affects them. Save one current preview under the working build directory; reuse satisfactory inspections.
  8. Finish the requested deliverable and check file placement, current exports, and disposable temporary files. New data/protocol decisions belong to ccf-experiment-designer, manuscript prose to ccf-paper-writer, and claim mismatches to ccf-integrity-auditor; keep unaffected authorized work moving.

Output Contract

Deliver the requested visual and necessary editable source/formats first. A specification-only request needs no render. Return canonical paths, useful provenance, actual QA results, and material editability limits. Keep the full prompt, specification, and inventory in one reusable source record only when needed or requested; do not also repeat them in the final answer. Preserve explicit exact-output requests.

© mikubaka88, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 20 other files (references) in ccf-visual-composer of mikubaka88/CCFA-Skills.

  • SKILL.md
  • agents/openai.yaml
  • references/66520a88cbdb4da9f45191ef3ef8f613.jpg
  • references/adaptive-architecture-style.md
  • references/architecture-diagram-generation.md
  • references/bf744d51b865c5e705b25fc558407cf9.jpg
  • references/editable-pptx.md
  • references/f32d9325102aaf8ffab93d4b613c3318.jpg
  • references/figure-table-layout.md
  • references/icon-system.md
  • references/image.png
  • references/palette-and-accessibility.md
  • references/paper-vs-presentation-diagrams.md
  • references/plot-inspiration-map.md
  • references/python-plot-recipes.md
  • references/reference-layout-blueprint.md
  • references/render-qa.md
  • references/visual-contract.md
  • resources
  • … and 2 more

Open the folder on GitHubat commit 5969e6b

Compare with similar skills

Ccf Visual Composer next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Ccf Visual Composer compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Ccf Visual Composer this skillmikubaka88/CCFA-Skills3k—~2.4kAutomated safety check: PassMIT
Slide Deck Image GeneratorSpaceZephyr/design-buddy175—~6.5kAutomated safety check: PassNone
Ky Markdown RebuilderKyrieCheungYep/ky-markdown-rebuilder117—~5.7kAutomated safety check: PassNone
Document ConverterBlackBeltTechnology/pi-agent-dashboard315—~999Automated safety check: PassMIT
Visio Image Rebuilderpengjunchi0/codex-visio-paper-figure-skill1k—~2kAutomated safety check: PassMIT
Nano BananaEvoScientist/EvoSkills4762 repos~3.5kAutomated safety check: PassApache-2.0

Similar skills

  • Slide Deck Image Generator

    SpaceZephyr/design-buddy

    Turns written content into designed slide images from an outline, merges them into PPTX or PDF, and can borrow styles from a registry of brand design systems.

    175 GitHub stars~6.5k tokensUpdated 3 mo ago
    Documents & OfficeAuto-check passed
  • Ky Markdown Rebuilder

    KyrieCheungYep/ky-markdown-rebuilder

    Rebuild visual documents into reliable Markdown by combining text extraction with page or screenshot alignment.

    117 GitHub stars~5.7k tokensUpdated 3 mo ago
    Documents & OfficeAuto-check passed
  • Document Converter

    BlackBeltTechnology/pi-agent-dashboard

    Convert documents bidirectionally via the pi-doc-engine facade: ingest PDF/DOCX/PPTX/XLSX to provenance-stamped Markdown (with OCR), and produce templated DOCX/PDF from Markdown with diagrams, TOC…

    315 GitHub stars~999 tokensUpdated yesterday
    Documents & OfficeAuto-check passed
  • Visio Image Rebuilder

    pengjunchi0/codex-visio-paper-figure-skill

    Rebuilds or restyles diagrams as editable native Visio shapes from a reference image or .vsdx file, then exports .vsdx, PNG, SVG, PDF or PPTX.

    1k GitHub stars~2k tokensUpdated 1 mo ago
    Documents & OfficeAuto-check passed
  • Nano Banana

    EvoScientist/EvoSkills

    Generate professional presentation slides and high-quality illustrations using Gemini image generation API (Nano Banana 2), with interactive browser-based review and iterative editing.

    476 GitHub starsUsed in 2 repos~3.5k tokens
    Documents & OfficeAuto-check passed
  • Editable Figure Designer

    yzhao062/anywhere-agents

    Designs editable PowerPoint overview figures, especially Figure 1 for papers and proposals, from source material and the author's own visual preferences.

    251 GitHub stars~7.2k tokensUpdated yesterday
    Documents & OfficeAuto-check passed

More from mikubaka88/CCFA-Skills

All 17 skills in this repo
  • Ccf Paper Reviewer

    mikubaka88/CCFA-Skills

    Review manuscript claims, evidence, and writing without rewriting.

    3k GitHub stars~3k tokensUpdated 23 days ago
    Auto-check passed
  • Ccf Rebuttal Writer

    mikubaka88/CCFA-Skills

    Write CCF rebuttals, author responses, revision ledgers, response letters, and conservative resubmission plans.

    3k GitHub stars~1.6k tokensUpdated 23 days ago
    Auto-check passed
  • Ccf Common

    mikubaka88/CCFA-Skills

    Required shared preflight for every CCFA skill after ccf-humanization: apply routing, scope, prerequisites, evidence rules, handoffs, and artifact contracts.

    3k GitHub stars~1.8k tokensUpdated 23 days ago
    Auto-check passed
  • Ccf Experiment Designer

    mikubaka88/CCFA-Skills

    Design CCF experiment protocols and evidence schemas: datasets, baselines, metrics, ablations, and result-table contents.

    3k GitHub stars~1.9k tokensUpdated 23 days ago
    Auto-check passed
  • Ccf Humanization

    mikubaka88/CCFA-Skills

    Required first preflight before every CCFA skill, including research, review, retrieval, experiments, visuals, and maintenance.

    3k GitHub stars~2k tokensUpdated 23 days ago
    Auto-check passed
  • Ccf Literature Monitor

    mikubaka88/CCFA-Skills

    Scan recent arXiv/OpenReview papers, venue feeds, labs, and competitors for overlap.

    3k GitHub stars~1.8k tokensUpdated 23 days ago
    Auto-check passed

Questions about Ccf Visual Composer

What does Ccf Visual Composer do?

Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content. Ccf Visual Composer is an agent skill from mikubaka88/CCFA-Skills. Render and redesign CCF figures, visual tables, and method/architecture diagrams from supplied content.

When should I use Ccf Visual Composer?

Ccf Visual Composer fits situations like: GPT Image 2 generation; editable SVG/PDF/PPTX.

How do I install Ccf Visual Composer in Claude Code?

Run `npx skills add mikubaka88/CCFA-Skills --skill ccf-visual-composer -a claude-code`. Or copy the skill folder (ccf-visual-composer in mikubaka88/CCFA-Skills) into .claude/skills/ccf-visual-composer in your project. Claude Code loads it when a task matches its description.

How do I install Ccf Visual Composer in Codex?

Run `npx skills add mikubaka88/CCFA-Skills --skill ccf-visual-composer -a codex`. Or copy the skill folder (ccf-visual-composer in mikubaka88/CCFA-Skills) into .agents/skills/ccf-visual-composer in your project. Codex loads it when a task matches its description.

Can I use Ccf Visual Composer in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add mikubaka88/CCFA-Skills --skill ccf-visual-composer -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/ccf-visual-composer, .gemini/skills/ccf-visual-composer, .github/skills/ccf-visual-composer and .opencode/skills/ccf-visual-composer in your project.

What does Ccf Visual Composer need to run?

SKILL.md names no scripts, command-line tools or credentials: Ccf Visual Composer is instructions for the agent only.

Does Ccf Visual Composer access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Ccf Visual Composer safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Ccf Visual Composer use?

Ccf Visual Composer is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Ccf Visual Composer use?

About 2.4k tokens (SKILL.md is roughly 9.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 292k tokens, read only when the agent opens those files.

What are the alternatives to Ccf Visual Composer?

Skills that share tags, products or a category with Ccf Visual Composer: Slide Deck Image Generator (SpaceZephyr/design-buddy, 175 stars), Ky Markdown Rebuilder (KyrieCheungYep/ky-markdown-rebuilder, 117 stars), Document Converter (BlackBeltTechnology/pi-agent-dashboard, 315 stars) and Visio Image Rebuilder (pengjunchi0/codex-visio-paper-figure-skill, 1k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Ccf Visual Composer?

mikubaka88 (a GitHub user) maintains it in mikubaka88/CCFA-Skills, which has 3,001 GitHub stars. The repository holds 17 skills in this directory. The repository was last updated on September 16, 2026.

Source: mikubaka88/CCFA-Skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.