Web Interface Guidelines Reviewer
vercel-labs/openreview
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my…
Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis…
Install Chart Choice
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install mohitagw15856/pm-claude-skills chart-choice --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/chart-choice .claude/skills/chart-choice && rm -rf skills-srcUse ~/.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/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .claude/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choiceType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install mohitagw15856/pm-claude-skills chart-choice --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/chart-choice .agents/skills/chart-choice && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .agents/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install mohitagw15856/pm-claude-skills chart-choice --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/chart-choice .cursor/skills/chart-choice && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .cursor/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/mohitagw15856/pm-claude-skills.git --path skills/chart-choice--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install mohitagw15856/pm-claude-skills chart-choice --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/chart-choice .gemini/skills/chart-choice && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .gemini/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install mohitagw15856/pm-claude-skills chart-choiceInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/chart-choice .github/skills/chart-choice && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .github/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install mohitagw15856/pm-claude-skills chart-choice --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/mohitagw15856/pm-claude-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/chart-choice .opencode/skills/chart-choice && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "chart-choice" agent skill from https://github.com/mohitagw15856/pm-claude-skills/tree/main/skills/chart-choice into .opencode/skills/chart-choice/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "chart-choice", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
chart-choice- GitHub stars
- 1.4k
- Token cost
- ~1.3k tokens
- SKILL.md length
- 693 words
- Files
- 1
- Skills in repo
- 1,348
- Repo updated
- First seen
- Licence
- MIT
At a glance
Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis…
- Works in 5 steps: The grammar mapping: compare items →… → Bar axes start at zero — line axes may… → The dual-axis veto (nearly always): two… → …
- Asked what chart should I use
- SKILL.md covers What This Skill Produces, Required Inputs, Framework: The Choice and… and Output Format, plus 7 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Chart Choice is an agent skill from mohitagw15856/pm-claude-skills. Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis traps), and the one-chart-one-point discipline. Use when asked what chart should I use, make this data visual, why does this chart feel misleading, or fix this graph for the deck. Produces the chart verdict with its reasoning, the honesty checklist applied, and the labeling that lets the chart travel without its author.
Its SKILL.md is about 1.3k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering Accessibility. The repository describes itself as: 1255 professional Agent Skills for Claude, ChatGPT, Gemini, Cursor & Codex — PRDs, postmortems, leases, medical bills, layoffs, go-bags, new countries. Plain markdown, MIT, in… The licence is MIT.
When your agent uses it
- Asked what chart should I use
- Make this data visual
- Why does this chart feel misleading
- Fix this graph for the deck
Example prompts
- “/chart-choice”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- The grammar mapping: compare items → horizontal bars, sorted by value (not alphabet) · trend → line, one-to-five series · composition →…
- Bar axes start at zero — line axes may not: bars encode value as length, so truncation lies structurally; lines encode change as slope, so…
- The dual-axis veto (nearly always): two measures on two axes lets the author choose the visual correlation by scaling — the honest…
- Sort for the point, declutter to the point: categorical bars sorted descending unless order is inherent (months) · gridlines light, legend…
- The title is the point, not the topic: "Revenue by region" is a topic; "East drove the Q2 recovery" is the point — titled so, with the…
What it can do on your machine
Read from SKILL.md and the folder at commit 1cbf1f0. 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
Chart Choice loads about 1.3k tokens when it runs. Until then it costs about 132 tokens; SKILL.md has 693 words of instructions outside code blocks.
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 mohitagw15856/pm-claude-skills at commit 1cbf1f0, republished under its MIT licence (© mohitagw15856). 693 words, ~1,289 tokens.
Download SKILL.mdSave it as
.claude/skills/chart-choice/SKILL.md (or your agent's skills folder).- name
- chart-choice
- description
- Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis traps), and the one-chart-one-point discipline. Use when asked what chart should I use, make this data visual, why does this chart feel misleading, or fix this graph for the deck. Produces the chart verdict with its reasoning, the honesty checklist applied, and the labeling that lets the chart travel without its author.
Chart Choice Skill
Chart choice is a sentence-completion exercise: the chart exists to make one stated point legible in three seconds, and the point's grammar picks the form — comparing things (bars), change over time (lines), parts of a whole (stacked/100% bars — pie only under five slices), distribution (histogram), relationship (scatter). Most bad charts are either the wrong form for the point, or the right form dressed dishonestly: truncated bar axes, dual axes engineered for drama, 3D anything. The skill picks the form, then runs the honesty pass.
What This Skill Produces
- The chart verdict — the form, chosen from the point's grammar, with the reasoning stated
- The honesty pass — axes, baselines, sorting, and the dual-axis/3D vetoes applied
- The labeling spec — title-as-the-point, direct series labels, the source line — so the chart survives being screenshot out of context
- The alternative — when the honest answer is "this wants a table, not a chart"
Required Inputs
Ask for these if not provided:
- The point, as a sentence: "show the data" isn't chartable; "East region drove the Q2 recovery" is — the sentence picks the chart, and extracting it is half the skill
- The data's shape — categories × measures × time; how many series (five lines are a chart; twelve are spaghetti — the shape forces choices)
- The venue — a live deck (bolder, fewer labels), a doc (denser is fine), a dashboard (self-serve labeling); and whether it will be screenshot-forwarded (assume yes)
Framework: The Choice and Honesty Rules
- The grammar mapping: compare items → horizontal bars, sorted by value (not alphabet) · trend → line, one-to-five series · composition → stacked bar (100% when shares matter more than totals; pie only ≤5 slices and only when "half" or "quarter" is the point) · distribution → histogram · relationship → scatter. When the point contains two of these, that's two charts.
- Bar axes start at zero — line axes may not: bars encode value as length, so truncation lies structurally; lines encode change as slope, so a zoomed line axis is legitimate when labeled. This asymmetry resolves most axis arguments.
- The dual-axis veto (nearly always): two measures on two axes lets the author choose the visual correlation by scaling — the honest alternatives are two stacked panels or an indexed chart (both series = 100 at start). Exceptions are rare and carry labels.
- Sort for the point, declutter to the point: categorical bars sorted descending unless order is inherent (months) · gridlines light, legend replaced by direct end-of-line labels when few series, decimals only to meaningful precision · 3D never — depth encodes nothing and distorts everything.
- The title is the point, not the topic: "Revenue by region" is a topic; "East drove the Q2 recovery" is the point — titled so, with the source-and-date line at the foot, the chart survives forwarding without its author. The final test: a stranger sees it for three seconds — do they say your sentence back?
Show full SKILL.md (223 more words)Show less
Output Format
Chart: [the point, as the sentence]
The Verdict
[Form + the grammar reasoning · series count check · the two-charts split if the point was compound]
The Honesty Pass
[Axis baselines (bar-zero / line-labeled) · dual-axis check → panels/indexed if triggered · sort order · the 3D/decoration vetoes]
The Labeling Spec
[Title = the sentence · direct labels vs legend · precision · source + as-of line]
The Three-Second Test
[What a stranger reads off it cold — and the fix if that isn't the point]
Quality Checks
- The point exists as a sentence before the form was chosen
- Bar charts baseline at zero; zoomed line axes carry their label
- No dual axes without the stated rare-exception justification
- The title states the point; the source line exists
- Charts with 6+ series were split, aggregated, or turned into a table
Anti-Patterns
- Do not chart a topic — no point-sentence, no chart; a table shows data that hasn't decided its point
- Do not truncate bar axes for drama — that's lying in geometry
- Do not engineer dual-axis correlations — panels or indexing tell it straight
- Do not pie past five slices — comparison by angle fails exactly when slices multiply
- Do not decorate — every ink drop that isn't data competes with the three seconds the chart gets
Example Trigger Phrases
- "What chart should I use?"
- "Make this data visual."
- "Why does this chart feel misleading?"
- "Fix this graph for the deck."
© mohitagw15856, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
Just SKILL.md in skills/chart-choice of mohitagw15856/pm-claude-skills.
Open the folder on GitHubat commit 1cbf1f0
Compare with similar skills
Chart Choice 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Chart Choice this skillmohitagw15856/pm-claude-skills | 1.4k | — | ~1.3k | Automated safety check: Pass | MIT | |
| Web Interface Guidelines Reviewervercel-labs/openreview | 1.7k | 97 repos | ~308 | Automated safety check: Pass | None | |
| Accessibility Reviewmarkmead/hyperui | 12k | 1 repos | ~1.1k | Automated safety check: Pass | MIT | |
| Web Animation DesignbaptisteArno/typebot.io | 11k | 2 repos | ~2.7k | Automated safety check: Pass | Custom licence | |
| Accessibility Fixeribelick/ui-skills | 9.6k | 4 repos | ~1.2k | Automated safety check: Pass | MIT | |
| Wcag Audit PatternsvmDeshpande/ai-agent-automation | 178 | 11 repos | ~610 | Automated safety check: Pass | Apache-2.0 |
Similar skills
- Official
Accessibility Review
markmead/hyperui
Run a WCAG 2.1 AA accessibility audit on a design or page. An agent skill from markmead/hyperui.
Web Animation Design
baptisteArno/typebot.io
Guides easing, timing and animation choices for UI motion, based on a web animation course, and reviews existing animations in a before-and-after table.
Accessibility Fixer
ibelick/ui-skills
Audits and fixes HTML accessibility problems such as ARIA labels, keyboard navigation, focus management, contrast and form errors with minimal changes.
Wcag Audit Patterns
vmDeshpande/ai-agent-automation
Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance.
Baseline UI
ibelick/ui-skills
Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.
More from mohitagw15856/pm-claude-skills
All 1,348 skills in this repoCar Tco
mohitagw15856/pm-claude-skills
Compare the total cost of car ownership across buy-new, buy-used, lease, and keep-your-current-car — depreciation, insurance, maintenance ramp, and fuel over a real horizon, not just the monthly…
Cs Health Scorecard
mohitagw15856/pm-claude-skills
Build a customer health scorecard for a specific account. An agent skill from mohitagw15856/pm-claude-skills.
Exit Waterfall
mohitagw15856/pm-claude-skills
Compute who gets what at each exit price from a cap table — liquidation preferences, conversion points, and where the founders' share collapses.
Feature Prioritisation
mohitagw15856/pm-claude-skills
Apply prioritisation frameworks (RICE, MoSCoW, Kano, ICE, Opportunity Scoring) to rank features and backlog items.
Fire Number
mohitagw15856/pm-claude-skills
Compute a financial-independence (FIRE) target and years-to-reach with every assumption labeled as an assumption — plus a sensitivity table instead of a single false-precision answer.
Freelance Rate
mohitagw15856/pm-claude-skills
Derive a freelance day/hourly rate backwards from target income, honest billable utilization, overhead, and the self-employment tax premium — the arithmetic that proves a rate is not salary÷2000.
Related
Categories
Questions about Chart Choice
What does Chart Choice do?
Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis…. Chart Choice is an agent skill from mohitagw15856/pm-claude-skills. Pick the chart the data and the point actually need — the question-to-chart mapping (comparison, trend, composition, distribution, relationship), the honesty rules (axes, baselines, dual-axis traps), and the one-chart-one-point discipline.
When should I use Chart Choice?
Chart Choice fits situations like: asked what chart should I use; make this data visual; why does this chart feel misleading; fix this graph for the deck.
How do I install Chart Choice in Claude Code?
Run `npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a claude-code`. Or copy the skill folder (skills/chart-choice in mohitagw15856/pm-claude-skills) into .claude/skills/chart-choice in your project. Claude Code loads it when a task matches its description.
How do I install Chart Choice in Codex?
Run `npx skills add mohitagw15856/pm-claude-skills --skill chart-choice -a codex`. Or copy the skill folder (skills/chart-choice in mohitagw15856/pm-claude-skills) into .agents/skills/chart-choice in your project. Codex loads it when a task matches its description.
Can I use Chart Choice 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 mohitagw15856/pm-claude-skills --skill chart-choice -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/chart-choice, .gemini/skills/chart-choice, .github/skills/chart-choice and .opencode/skills/chart-choice in your project.
What does Chart Choice need to run?
SKILL.md names no scripts, command-line tools or credentials: Chart Choice is instructions for the agent only.
Does Chart Choice 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 Chart Choice 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 Chart Choice use?
Chart Choice 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 Chart Choice use?
About 1.3k tokens (SKILL.md is roughly 5.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
What are the alternatives to Chart Choice?
Skills that share tags, products or a category with Chart Choice: Web Interface Guidelines Reviewer (vercel-labs/openreview, 1.7k stars), Accessibility Review (markmead/hyperui, 12k stars), Web Animation Design (baptisteArno/typebot.io, 11k stars) and Accessibility Fixer (ibelick/ui-skills, 9.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Chart Choice?
mohitagw15856 (a GitHub user) maintains it in mohitagw15856/pm-claude-skills, which has 1,434 GitHub stars. The repository holds 1,348 skills in this directory. The repository was last updated on October 9, 2026.
Source: mohitagw15856/pm-claude-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.