Show HN: React Prompt Kit

A React-based toolkit for building structured prompts using JSX, inspired by Claude's XML tags best practices.

Traditional prompt strings become hard to maintain as soon as they mix instructions, examples, and formatting rules. React Prompt Kit lets you compose those pieces using familiar JSX, then reliably renders them into clean XML/Markdown that large language models understand.

You get:

* Readable, declarative prompt definitions that live alongside your React code

* Automatic whitespace handling and Markdown conversion so outputs stay consistent

* A set of dedicated components that capture common AI prompt patterns without reinventing XML tags each time

Features:

* Structured Prompts - Use React components to build well-organized prompts

* XML Tag Preservation - Components output proper XML tags for AI prompt engineering

* Markdown Conversion - Standard HTML elements convert to clean Markdown

* Security-Aware - Inline elements strip XML tags and normalize whitespace to prevent injection

* TypeScript Support - Full type definitions included

* Composable - Mix and match 50+ pre-built components

* Flexible - Use with any LLM that supports structured prompts

* Code Block Escaping - Automatically escapes backticks in code blocks using proper markdown fencing