frontend-slides

frontend-slides is an open-source project for creating web-based slide decks with the help of coding agents. Instead of starting in a traditional presentation editor, builders can ask an AI coding agent to draft slides as frontend components and then edit the result like a normal web project. That makes it a good fit for developers, design engineers, and founders who already work comfortably in code. The project targets a practical gap in AI-assisted work. Coding agents are increasingly good at generating layouts, components, and page structure, but slide decks still often live in separate tools with different editing rules. frontend-slides moves the deck into a web-native format so a coding agent can help with layout, copy structure, styling, and iteration. The output can be reviewed, versioned, and refined in the same environment as other frontend work. OpenTools reviewed the public GitHub repository and the content-source signal that described it as a way to create beautiful slides on the web using a coding agent's frontend skills. That classification matters: this is not a general AI chatbot or a hosted design suite. It is a developer-facing workflow for turning agent-generated frontend work into presentation material. The most useful use cases are product demos, technical walkthroughs, and early pitch drafts. A founder can sketch a narrative and let a coding agent produce a first version of the deck. A developer advocate can convert a technical outline into a visual browser-based presentation. A design engineer can keep presentation structure close to the components and styles used in the actual product. Because it is open source, teams can inspect the implementation and decide whether it fits their stack. That is helpful for builders who care about source control, repeatable templates, and code review. It also means adoption requires some technical comfort. Non-technical users may prefer a standard slide editor, while developers may value the control and automation that come from keeping slides in code. Pricing is currently best described as free open-source access, with any real cost coming from the coding agent or model provider used to generate and edit the deck. Before using it for client or investor work, test the export path, check responsive behavior, and make sure the generated slides can be edited without depending on a single AI session. For best results, start with a short outline and ask the coding agent to generate a minimal deck before adding animations or custom styling. Review the HTML, CSS, and component structure directly. Keep a normal export or screen-sharing fallback for meetings where browser rendering might be risky.