# Generate editorial React presentations with one Claude Code prompt

DevFeed: [Generate editorial React presentations with one Claude Code prompt](<https://devfeed.tech/articles/generate-editorial-react-presentations-with-one-claude-code-prompt-25150.md>)

Original publisher: [Read original article](<https://blog.droidchef.dev/generate-editorial-react-presentations-with-one-claude-code-prompt/>)

Author: Ishan Khanna

Published: 2026-05-17T08:17:35Z

Content type: tutorial

Language: en

Sources: [Ishan Khanna](<https://devfeed.tech/sources/ishan-khanna.md>)

Topics: [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [React](<https://devfeed.tech/topics/react.md>), [Code](<https://devfeed.tech/topics/code.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>), [Tailwind CSS](<https://devfeed.tech/topics/tailwind.md>), [Vite](<https://devfeed.tech/topics/vite.md>)

Tags: [animation](<https://devfeed.tech/tags/animation.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [code](<https://devfeed.tech/tags/code.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [keyboard](<https://devfeed.tech/tags/keyboard.md>), [llm](<https://devfeed.tech/tags/llm.md>), [llms](<https://devfeed.tech/tags/llms.md>), [presentation](<https://devfeed.tech/tags/presentation.md>), [prompt](<https://devfeed.tech/tags/prompt.md>), [prompting](<https://devfeed.tech/tags/prompting.md>), [react](<https://devfeed.tech/tags/react.md>), [tailwind](<https://devfeed.tech/tags/tailwind.md>), [vite](<https://devfeed.tech/tags/vite.md>)

## AI overview

A tutorial presents a detailed Claude Code prompt for generating five-slide React presentations as a single Presentation.jsx file. The prompt fixes the design system and narrative structure while allowing the topic content to change, and the result can be used in a Vite, React, and Tailwind project.

## Source excerpt

If you caught my YouTube Short on generating presentations as React apps with an LLM, this is the prompt I promised. Paste it into Claude Code, edit the CONTENT block at the top, and you get back a single-file Presentation.jsx -- five slides, keyboard nav, animated counters, an