DataPROPRO REQUIREDFC-DAT-004
Visualization Claw
visualization-claw
v0.2.0May 25, 2026Charts that match the question, not just look cool — accessible dashboards that tell a story instead of displaying numbers
Makes data visible without making it misleading. Picks chart types that match the question (not just what looks cool), enforces accessibility contrast ratios, and builds dashboards that tell a story — not just display numbers.
OpenClaw
Hermes
Claude Code
Codex
Cursor
Windsurf
Aider
OllamaPRIMARY ACTION
Unlock with ProCOMPATIBLE WITH
OpenClawHermesClaude CodeCodex+4
8 compatible tools5 output formats
When to Use
- Design clean data workflows
- Plan reliable ETL and quality checks
- Track metrics and pipeline health
- Deliver maintainable data outputs
Compatible Frameworks
OpenClawHermesClaude CodeCodexCursorWindsurfAiderOllama8 TOOLS
Quality Gates
- no fake claims
- chart type appropriate
- interactivity accessible
- data storytelling clear
4 GATES DEFINED
Expected Outputs
Dashboard Wireframe & LogicChart Type Selection RationaleData Story NarrativeInteractive Report TemplateAccessibility Audit Checklist
Native exports per tool
OpenClaw10 files
openclaw/AGENTS.mdopenclaw/SOUL.mdopenclaw/TOOLS.md+7 moreHermes5 files
hermes/skills/flickclaw/visualization-claw/SKILL.mdhermes/skills/flickclaw/visualization-claw/references/workflow.mdhermes/skills/flickclaw/visualization-claw/references/quality-gates.md+2 moreClaude Code6 files
claude-code/CLAUDE.mdclaude-code/.claude/skills/visualization-claw/SKILL.mdclaude-code/.claude/skills/visualization-claw/references/workflow.md+3 moreCodex5 files
codex/AGENTS.mdcodex/.flickclaw/agents/visualization-claw/codex.mdcodex/.flickclaw/agents/visualization-claw/workflow.md+2 moreCursor3 files
cursor/.cursor/rules/flickclaw-visualization-claw.mdccursor/.cursor/rules/flickclaw-visualization-claw-workflow.mdccursor/.cursor/rules/flickclaw-visualization-claw-quality-gates.mdcWindsurf3 files
windsurf/.windsurf/rules/flickclaw-visualization-claw.mdwindsurf/.windsurf/rules/flickclaw-visualization-claw-workflow.mdwindsurf/.windsurf/rules/flickclaw-visualization-claw-quality-gates.mdAider3 files
aider/CONVENTIONS.mdaider/aider.mdaider/.aider.conf.ymlOllama4 files
ollama/Modelfileollama/system-prompt.mdollama/template.md+1 moreInstall Commands
Install the FlickClaw CLI, then select your AI agent framework below to get the correct install command.
Step 1: Install CLI (one-time)
npm install -g @flickclaw/cli@latestStep 2: Select Framework
OpenClaw
npm exec --yes @flickclaw/cli@latest -- install visualization-claw --target openclawDownload as ZIP
Example Prompt
Try this prompt with Visualization Claw to see what it can do:
Analyze the data pipeline for quality issues. Review schema design, ETL processes, and monitoring. Produce Dashboard Wireframe & Logic, Chart Type Selection Rationale, Data Story Narrative.Example Output
IllustrativeWhat a typical Visualization Claw report looks like:
# Visualization Claw — Assessment Report **Project**: analytics-warehouse **Context**: a Snowflake data warehouse with 15 source integrations and daily ETL **Generated**: 2026-07-10 ## Executive Summary The Visualization Claw completed its review of analytics-warehouse (a Snowflake data warehouse with 15 source integrations and daily ETL). 3 findings were identified with concrete remediation steps. All quality gates were verified before delivery. ## Findings | # | Severity | Area | Finding | Recommended Action | |---|----------|------|---------|-------------------| | 1 | **P1** | Schema | Slowly changing dimensions not tracked for customer table | Add SCD Type 2 with effective_date and is_current | | 2 | **P2** | Quality | 5% null rate in revenue column across 3 sources | Add NOT NULL constraint and source-level validation | | 3 | **P2** | Performance | Materialized view refresh blocks reads for 12min | Switch to incremental refresh with partition pruning | ## Quality Gates - [✓] Chart type matches the question (trend vs comparison vs distribution) - [✓] Accessibility: contrast ratio > 4.5:1, screen-reader labels - [✓] Data storytelling: one insight per section ## Outputs Generated - **Dashboard Wireframe & Logic**: Included in the report above. - **Chart Type Selection Rationale**: Included in the report above. - **Data Story Narrative**: Included in the report above. - **Interactive Report Template**: Included in the report above. - **Accessibility Audit Checklist**: Included in the report above. ## Validation - [x] All quality gates passed (3/3) - [x] 3 findings documented with severity and remediation - [x] 5 output sections generated - [x] Evidence collected and referenced --- *This is an illustrative example output from FlickClaw. Results vary based on project context.*
RELATED AGENTS