od-prototype-data-report skill
Generates visual report pages from CSV, Excel, or JSON data using Open Design templates.
- GitHub stars
- 1,129
- Files
- 1
- Last commit
- Nov 14, 2026
- License
- MIT
- Allowed tools
- —
What does the od-prototype-data-report skill do?
od-prototype-data-report generates visual report pages from CSV, Excel, or JSON data using Open Design templates.
Summary generated from the skill's SKILL.md.
About the od-prototype-data-report skill
Transforming CSV, Excel, or JSON datasets into polished visual report pages provides a way to convert raw data into structured, visually consistent documents. Users rely on Open Design templates to ensure the output maintains a specific visual signature. The process prioritizes real content and data over lorem ipsum or placeholder images.
The workflow starts when a user explicitly requests a data visualization report. The process begins by calling the prepare_open_design_brief tool from the open-design MCP server. Depending on the user's requirements, the agent may first need to call list_open_design_design_systems to identify a specific brand or recommend_open_design_design_systems if no direction is provided. After receiving instructions, the agent authors the necessary files using its own file-editing tools and finishes the process by calling register_open_design_artifact.
What an agent can do with it
- 1Converting spreadsheets to visual reportsTurn raw CSV or Excel data into a polished report page.
- 2Applying brand visual directionsGenerate a report that follows a specific brand's design system.
- 3Creating reports without design guidanceBuild a data visualization when no design system is currently active.
- 4Avoiding placeholder contentEnsure the final report uses actual data instead of lorem ipsum.
Written from the skill's SKILL.md. Every use case is checked against a quote from it.
How to install the od-prototype-data-report skill
Each command copies the skill folder into the client's skills directory. Restart the client or start a new session to load it.Install the od-prototype-data-report skill in Plugin
/plugin marketplace add feimacode/open-design-agent-kit /plugin install open-design@open-design-agent-kit
Install the od-prototype-data-report skill in Claude Code
~/.claude/skills/od-prototype-data-report/SKILL.md
$ npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report ~/.claude/skills/od-prototype-data-reportInstall the od-prototype-data-report skill in Claude Code (project)
.claude/skills/od-prototype-data-report/SKILL.md
$ npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report .claude/skills/od-prototype-data-reportInstall the od-prototype-data-report skill in Codex
~/.agents/skills/od-prototype-data-report/SKILL.md
$ npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report ~/.agents/skills/od-prototype-data-reportInstall the od-prototype-data-report skill in Gemini CLI
~/.gemini/skills/od-prototype-data-report/SKILL.md
$ npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report ~/.gemini/skills/od-prototype-data-reportInstall the od-prototype-data-report skill in Claude.ai
npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report od-prototype-data-report && zip -r od-prototype-data-report.zip od-prototype-data-report # claude.ai → Customize → Skills → + → Create skill → Upload a skill → od-prototype-data-report.zip
SKILL.md
View on GitHubUse the Open Design skill od:prototype:data-report (Data Visualization Report).
Brief: "$ARGUMENTS", or if empty: "Use the Data Visualization Report template to turn my CSV, Excel, or JSON data into a polished visual report page. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images."
Call prepare_open_design_brief (the open-design MCP server's tool) with skillId "od:prototype:data-report" and this brief — call list_open_design_design_systems first if the user names a brand or visual direction, or recommend_open_design_design_systems if they name none and no design system is active. Author the files yourself with your own file-editing tools per the returned instructions, then call register_open_design_artifact.
Files in this skill
1od-prototype-data-report skill questions
How do I install the od-prototype-data-report skill in Claude Code?
Run npx degit feimacode/open-design-agent-kit/packages/claude-plugin-local/skills/od-prototype-data-report ~/.claude/skills/od-prototype-data-report. Claude Code loads skills from ~/.claude/skills (all projects) or .claude/skills (one project) and uses a skill when its description matches the task.
Which clients can use the od-prototype-data-report skill?
Any client that reads the Agent Skills format: Claude Code, Codex, Gemini CLI and claude.ai (upload as a ZIP). Scripts in the skill run only where the client allows code execution.
What data formats are supported?
The skill can process CSV, Excel, and JSON data formats.
How do I select a design system for my report?
You can list existing design systems if a brand is specified, or request a recommendation if no design system is currently active.