fable-dashboard
Finish or refactor the Fable Crypto Cycle Dashboard static site. Use when working in the crypto-cycle-dashboard-fable repo on index.html, data.json, visual/dashboard polish, dashboard validation, research-only disclosure, or handoff preparation for the Fable BTC / ETH cycle model.
Resources
1Install
npx skillscat add attm-agenticcoding/crypto-cycle-dashboard-fable/fable-dashboard Install via the SkillsCat registry.
Fable Dashboard Skill
Workflow
- Read
CLAUDE.md. - Read
references/dashboard-contract.mdbefore changing dashboard behavior, copy, data rendering, or validation. - Run
npm testto establish the current contract. - Improve the dashboard in small coherent passes.
- Run
npm testagain before stopping.
Editing Guidance
- Optimize for a dense research dashboard, not a marketing site.
- Keep the static architecture unless a build step is clearly worth the added maintenance.
- Treat
data.jsonas canonical exported research data. - If
index.htmlembeds data, keep the embeddedDATAexactly synchronized withdata.json. - Keep warnings strong, visible, and precise.
- Keep BTC and ETH comparable across the same visual language.
- Prefer compact SVG or HTML charts with stable dimensions and no layout shift.
Validation
Use npm test as the minimum gate. It checks data shape, embedded-data synchronization, JavaScript syntax, and the research-only/failed-validation disclosures.
If you intentionally change the research contract, update scripts/validate-dashboard.mjs, CLAUDE.md, and references/dashboard-contract.md in the same pass.
Categories
Install
npx skillscat add attm-agenticcoding/crypto-cycle-dashboard-fable/fable-dashboard Install via the SkillsCat registry.
Repository Stars
The star count shown is for the parent repository (attm-agenticcoding/crypto-cycle-dashboard-fable), not this specific skill.
.claude/skills/fable-dashboard