What type of content is best suited for Grove?

Grove is ideal for policy proposals, especially those related to sustainability, urban planning, and regulatory reviews.

Can I customize the fonts and colors in Grove?

No, it is important to preserve the design system, including fonts and colors, to maintain the integrity of the presentation.

How do I add more slides to my Grove presentation?

You can duplicate existing layouts to add more slides or remove slides from the bottom if you have less content.

Is Grove suitable for fast-paced presentations?

Grove is not suitable for fast-paced presentations as its design and tone are geared towards a more measured and classical delivery.

Where can I find the license for Grove?

The full MIT license text is included in the skill package under the LICENSE file.

Grove Presentation Deck

Name: Grove Presentation Deck
Availability: InStock
Author: nexu-io

Free

Create polished policy briefing decks in HTML.

by nexu-io84.9k stars on nexu-io/open-design

1 views

Updated Aug 10, 2026

Get this skill

Free · Opens the source repo

What Grove Presentation Deck does

Grove is a specialized HTML presentation deck designed for crafting decision-grade policy briefings, particularly in the context of municipal urban tree canopy proposals. With a focus on sustainability and a calm aesthetic, this template is ideal for conveying complex information to city councils and agency reviewers. The design features a forest-green canvas complemented by cream typography and classical Playfair serifs, creating a sophisticated and organic feel suitable for various topics, including government policy and risk reviews.

The deck is structured to maintain a consistent design system. Users are encouraged to clone the provided example.html file and replace placeholder content with their own. It is crucial to adhere to the established typography, color palette, and decorative elements throughout the presentation to preserve its identity. The workflow emphasizes the importance of maintaining the integrity of the design while allowing for content customization, ensuring that the final output remains professional and visually appealing.

Grove is particularly well-suited for presentations that require a medium-high level of formality and a thoughtful approach. It is a fitting choice for brands and organizations focused on sustainability, wellness, and the arts, as well as for tech and research presentations that prioritize a measured tone over urgency. However, it is not recommended for decks that need a vibrant or energetic style, as its design is intentionally subdued and classical.

This skill is ideal for professionals in urban planning, policy development, and environmental advocacy who need to present their proposals clearly and effectively. By using Grove, users can create impactful presentations that resonate with their audience while adhering to a cohesive visual identity.

When to use it

Use Grove when you need to present detailed policy proposals or reports in a sophisticated and organized manner.

When not to use it

Avoid Grove for presentations requiring high-energy visuals or rapid-fire content delivery.

What you can build with it

Urban Planning Proposal

Use Grove to present a detailed urban tree canopy policy proposal to city council members, ensuring clarity and professionalism.

Sustainability Report

Create a comprehensive sustainability report for stakeholders, utilizing Grove's design to convey complex information effectively.

Regulatory Review Presentation

Prepare a regulatory review presentation that requires a calm and sophisticated aesthetic, making it suitable for agency reviewers.

How to install Grove Presentation Deck

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-zhangzara-grove --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

Grove

Forest-green canvas with cream type, classical Playfair serifs, and a single rust accent.

A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.

At a glance

Scheme: mixed
Formality: medium-high
Density: medium
Slides in demo: 12

Best for

Anything that should feel organic, considered, and grown-up: sustainability and wellness brands, outdoor / nature products, wineries and restaurants, literary or arts decks, advisory deliverables, bilingual EN/CN reports. Also a calm, distinctive choice for tech, research, or business decks that want patience over urgency.

Avoid for

Decks that need neon energy or rapid-fire pop — the forest-green canvas and Playfair serif commit to a slow, classical voice.

Workflow

Clone example.html into the user's workspace as the working file.
Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
Keep the navigation runtime as shipped. If the deck ships an assets/deck-stage.js or inline keyboard handler, leave it intact.

Output contract

Emit between <artifact> tags:

<artifact identifier="zhangzara-grove" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Source & license

Vendored from upstream MIT-licensed zarazhangrui/beautiful-html-templates.

The full upstream MIT license text — including the original copyright notice — ships in this skill at LICENSE and must be redistributed alongside any copy of example.html, template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.

Frequently asked questions about Grove Presentation Deck

Similar skills

PPTX HTML Fidelity Audit

Ensure your PPTX matches its HTML source perfectly.

HTML PPT Studio

Create professional HTML presentations effortlessly.

Humanize PPT

Transform raw material into presentation-ready outlines.

Replit Deck

Create visually cohesive decision decks with ease.

Open Design Landing Deck

Create engaging marketing decks with a magazine-style format.

Magazine Web Presentation

Create visually striking HTML presentations with ease.