Report visuals

Skill Fusion-Data-Company/bristol-os/plugins/bristol-os/skills/report-visuals

Make an infographic, slide, or chart for a report — Bristol-branded, zero setup. Use whenever a deliverable would land better with a visual (deal snapshot, market study, IC deck, one-pager header), or when the user says "make an infographic," "add a slide," "make it look good," "chart this." Proactively add a visual when it helps — don't wait to be asked.From its SKILL.md

Install

npx -y skills add Fusion-Data-Company/bristol-os --skill report-visuals

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

3 things to look at

skips confirmationTells the agent to proceed without asking first, 1 time: "Don't ask permission for a small visual — make it, include it, and mention you added it.".
1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
runs commandsInstructs the agent to run 1 command, including `pip install cairosvg --break-system-packages -q && python -c "import cairosvg;cairosvg.svg2png(url='in.svg',write_to='out.png',output_width=1600)"`.

SKILL.md

2.5 KB, 591 tokens by cl100k_base, as published. Nobody here has run it

Report Visuals

Turn numbers into something that looks like Bristol made it. Works with zero setup — no account, no key. Claude builds it and shows it (HARD LAW: do it for them).

Pick the format

Infographic (default, zero setup): fill bristol-os/templates/infographic-deal-snapshot.svg with the deal/market numbers (it's plain text with {{PLACEHOLDERS}}), save it, and show it. XML-escape every value you insert — replace &→&, <→<, >→> (an unescaped & breaks the SVG). To hand them a PNG too, convert in the sandbox: pip install cairosvg --break-system-packages -q && python -c "import cairosvg;cairosvg.svg2png(url='in.svg',write_to='out.png',output_width=1600)". You can also render it as a live artifact (create_artifact) so it's pinned in the sidebar.
Slide / deck: use the pptx skill (Tier 0, no account) — build a branded slide or a short IC deck. Navy #0f2233 / gold #c8a14a.
Chart: for trends/comps, render a chart as an artifact with Chart.js, or embed an image in the docx/pdf via the doc skills.
Branded via Canva (optional): if the user has the Canva connector enabled, you may generate a Canva design with their brand kit. Canva needs a one-time per-person login, so it is NOT required — only use it if it's already connected. The native paths above always work.

Bristol look

Colors: deep navy #0f2233, secondary #1b3a57, gold accent #c8a14a, light bg #f4f1ea, ink #0d1b26.
Clean, executive, lots of whitespace. Lead with the headline number. Label every figure; cite source + date in small footer text.

When to add a visual (proactive)

Deal one-pager / IC memo: add the deal-snapshot infographic header (units, basis, yield-on-cost, market).
Market study: add a rent-comp bar chart and a supply-pipeline callout.
Investor materials: a clean stat block / deck. Don't ask permission for a small visual — make it, include it, and mention you added it.

Output

Save visuals into the deal folder alongside the memo. Note what you made. Never invent numbers for a chart — use the researched/model figures and cite them.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.