Create an OPTIK scorecard in Claude Code
Render existing total scores, categories, and grade labels as an embeddable SVG scorecard and a README summary.
中文Install in Claude Code
A Claude Code workspace with existing OPTIK results. The supplied scores can be rendered locally.
- Review `.claude/skills/report/SKILL.md` and its requirements at the pinned GitHub commit.
- Create `.claude/skills/report/` in your project and save the reviewed file as `.claude/skills/report/SKILL.md`.
- Start Claude Code from that project's root, then select `/report` in the slash menu.
Example task
The fictional report provides `{overall:84,grade:'Strong',layout:90,clarity:78,issues:2,stamp:'2026-08-11'}`. Turn those verified values into a shareable card.What to check
Show `overall=84; grade=Strong` prominently in the SVG. Draw category bars for layout=90 and clarity=78 and include the issue count of 2 and timestamp. Reuse the values in README Markdown.
Original SKILL.md on GitHub · Updated
Frequently asked question
How can I share an existing OPTIK score visually?
Feature the total and grade, show the category breakdown, and include the issue count and timestamp. Make a short text summary with the same data.