# research-to-interactive-dashboard (v2.0.0)

**Elevated Context Jamming skill** that turns dense arXiv research papers and SaaS enterprise marketing campaigns into production-ready interactive Next.js dashboards and pages.

## What it does

Given a research paper (PDF, URL, or notes) or a SaaS GTM/campaign brief, this skill outputs a single, highly detailed, copy-paste-ready prompt for an AI coding agent (Cursor, Claude Code, Windsurf, etc.).

The generated prompt instructs the agent to build:

1. **Self-contained HTML prototype** — Tailwind via CDN, inline SVGs, instant browser preview, URL-shareable state.
2. **Full Next.js 14+ App Router implementation** — TypeScript, server components + client islands, coordinated live visualizations, epistemic safety layers, source-anchored everything.

### Research Mode (arXiv / technical papers)
- Interactive research dashboard with live parameter labs, evidence explorers, boundary probes, and cross-domain bridges.
- Strict separation of paper results vs author interpretation vs strategic extension.
- Designed to feel like an elevated, more dashboard-native version of the original `/kinematic` explainer pattern.

### Campaign Sub-Skill Mode (SaaS / Enterprise GTM)
- Interactive marketing or sales-enablement experiences: live ROI/TCO calculators, persona switchers, journey simulators, objection handlers, attribution labs.
- Same epistemic rigor applied to marketing claims and assumptions.

## Installation / Usage

1. Place this folder in your Context Jamming skills directory (or any location your coding agent can reference).
2. When you want to use it, simply say something like:

   **Research example:**
   > Use the attached arXiv paper and the `research-to-interactive-dashboard` skill to generate a complete copy-paste prompt for a sleek Next.js interactive research dashboard (HTML prototype first, then full production implementation).

   **Campaign example:**
   > Use this SaaS campaign brief and the `research-to-interactive-dashboard` skill (campaign sub-skill) to generate an interactive Next.js marketing page with live ROI simulator and persona lab.

3. Paste the resulting prompt into your AI coding agent. It will produce both the instant HTML preview and the clean Next.js code.

## Key Features of Generated Dashboards

- Coordinated live visualizations & global control panels
- Filterable evidence tables with source links
- Epistemic layering as first-class UI ("Do not confuse", "Where the analogy breaks", falsifiability hooks)
- URL-shareable dashboard state
- Mobile-first responsive (bottom sheets for controls on small screens)
- Production-grade accessibility, performance, and validation checklist built into the prompt
- Zero hallucinated science or metrics — everything is source-anchored

## Design Philosophy

This skill preserves the rigorous editorial standards of Context Jamming while expanding the output surface from single kinematic-style explainers to full modern interactive dashboards (and equivalent high-signal marketing experiences).

It is the direct evolution of the original `arxiv-to-contextjamming-explainer-prompt` skill.

## Repository & Related Assets

- Live documentation & examples: https://www.contextjamming.com/explainers (see the v2 skill section)
- Related skills: `cj-artifact-dashboard`, `semantic-triple-transformation`, `cj-infographic-json`

## License

Apache-2.0

## Author

ACRA Insight LLC / Context Jamming  
Bret Kerr — @bretkerr

---

**Version:** 2.0.0  
**Last updated:** July 2026

This skill is intended for use with AI coding agents that have access to the Context Jamming skill library or the raw `SKILL.md` file.