frontend-developer

To build a React frontend for knowledge graph visualization from static CSV and JSON files, this Skill generates a Vite and TypeScript prototype that loads processed data into an interactive dashboard for browsing compounds, targets, and disease-associated gene pathways.

Rendering markdown reports with custom scorecards and box-drawing layouts in React requires custom preprocessing for non-standard score and coverage indicators, followed by safe HTML rendering with sanitization to securely display the structured report content.

The best way to prototype a dashboard for drug discovery candidate rankings is generating a Vite-based React UI that transforms pre-generated report outputs into a researcher-facing interface with interactive candidate scorecards and pathway coverage exploration.

Yes, you can use Vite and TypeScript to create a UI for browsing pre-generated Oral Mucositis reports, as this Skill specifically targets building interactive interfaces for exploring repurposing research outputs and knowledge graph artifacts.

This frontend prototype approach works without a backend API by directly loading static knowledge graph CSV and JSON artifacts alongside report markdown files from the repository’s processed data folders for interactive inspection.

Your React dashboard needs custom preprocessing for markdown rendering because Claude-generated drug discovery reports contain non-standard score and coverage indicators, box-drawing layouts, and structured tables that standard markdown parsers cannot interpret correctly.