Imagine it is the night before a morning meeting and you have zero presentation materials in hand. Just filling in the content is overwhelming enough, and worrying about design on top of that quickly becomes a headache. Even leaning on tools like Cursor or Claude Code yields inconsistent results – sometimes pulling in the wrong library and breaking the build entirely. Fine-tuning prompts alone is not enough to guarantee consistent quality. make-slide, released by Kuneosu, offers an alternative precisely at this pain point. Instead of making the agent figure out design from scratch, it guides the agent to reference pre-defined theme templates. After running an npx command to complete the initial setup, a guideline file is generated at a specific path, and the model reads this file to start generating HTML code according to established rules. This approach dramatically reduces unnecessary overhead. Rather than describing layouts verbally in painstaking detail, you simply instruct the agent to refer to the reference data at a given path. The finished output is extracted as a single file that runs in any browser without additional library installations. Navigating presenter notes via keyboard shortcuts or printing the document during the actual presentation flows seamlessly as well. The workflow is flexible. Whether it is a simple topic, specific text, or a full script – the agent analyzes any form of input and proposes an overall structure. This includes selecting the layout style that best fits the context, choosing from options like centered or split arrangements. Once the user reviews and approves the proposed outline, the actual implementation phase begins. The entire workflow is meticulously designed. Instead of piling heavy theme files locally, it fetches them from an online repository only when needed, keeping the workspace clean. Code highlighting is built in by default, making it ideal for engineers sharing technical content with clearly rendered source code. The range of available styles is broad. From themes with a technical aesthetic to polished business formats, you can choose what fits the occasion. Beyond automatically searching and placing high-quality images, there are also rules for converting output into office-software-compatible formats. Browsing the full list of options through the available commands makes it easy to find the optimal configuration for your needs. Retail or financial companies looking to establish an internal design system can add custom themes and operate standardized templates. As long as reference files and guidelines are in place, the agent strictly adheres to them. This ultimately serves as a useful tool for narrowing the visual gap between design and development teams. This goes beyond a simple authoring tool. It demonstrates a methodology for teaching automation systems domain-specific knowledge and design principles. Once linked in a configuration file, a single command wraps up complex work. It offers the satisfaction of escaping the tedious loop of copying and pasting content by hand. Thanks to its data-driven structure, fine-grained modifications are straightforward as well. Bar charts and metric cards can be visualized without any additional libraries. The files themselves are lightweight enough to upload to an online repository and share on the web without issues. In the next article, we plan to discuss automation techniques for visually unpacking relationships within data. Key Takeaways By having AI reference pre-defined design templates instead of making design decisions independently, both token efficiency and output consistency are achieved. The single HTML file output approach eliminates dependency issues and delivers universal portability – presentations work anywhere with a browser. Leveraging agent-specific guideline systems like .claude/skills/ to automate complex workflows with a single command is a proven and effective pattern. Source: https://github.com/Kuneosu/make-slide