New to Claude Skills? Learn how to install them →

Get Claude Skills
nexu-io on GitHub

Daisy Days

Free

Create cheerful onboarding presentations with ease.

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 Daisy Days does

Daisy Days is a specialized HTML presentation deck designed for onboarding workshops, particularly in customer success roles. It features a light and friendly aesthetic, characterized by pastel colors and hand-drawn illustrations of daisies, stars, and rainbows. This design approach aims to create a warm and inviting atmosphere, making it ideal for educational content, wellness programs, and community workshops. The deck is self-contained, ensuring that typography, color palettes, and decorative elements are harmonized for a cohesive look.

The workflow for using Daisy Days is straightforward. Users begin by cloning the provided example.html file into their workspace. They can then replace the placeholder content with their own, ensuring to maintain the integrity of the design system. This means users should avoid altering fonts, colors, or layout structures, as these elements are integral to the deck's identity. If additional slides are needed, users can duplicate existing layouts or create new ones that adhere to the established design guidelines.

This skill is particularly useful for professionals looking to create engaging and visually appealing presentations without the need for extensive design skills. It is especially suited for contexts where a friendly and approachable tone is desired, such as during onboarding sessions for new customers of a project management application. The deck's design encourages retention and engagement, making it a valuable tool for customer success teams.

However, Daisy Days is not suitable for formal presentations where authority and precision are paramount. Its playful design may not resonate well with audiences expecting a more traditional and serious approach. Users should consider the context of their presentation before choosing this skill to ensure it aligns with their audience's expectations.

When to use it

Use this skill when creating friendly and engaging presentations for onboarding or educational purposes.

When not to use it

Avoid using this skill for formal presentations where a serious tone and precision are required.

What you can build with it

Onboarding New Customers

Use Daisy Days to create engaging presentations that help onboard new customers to your project management app.

Educational Workshops

Design friendly and approachable educational content for workshops aimed at community engagement.

Internal Team Kickoffs

Utilize the cheerful design for internal team meetings or kickoffs where a warm atmosphere is beneficial.

How to install Daisy Days

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-zhangzara-daisy-days --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

Daisy Days

Cheerful pastel deck with hand-drawn daisies, stars, and rainbows. Friendly, soft, and warm.

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: light
  • Formality: low
  • Density: medium
  • Slides in demo: 10

Best for

Anything that should feel friendly, soft, and joyful: educational content, kids and family, wellness programs, community workshops, creator portfolios for craft / illustration. Also lovely for an unexpected playful internal kickoff, a wedding planning deck, or any moment where warmth is the message — including across tech or business contexts.

Avoid for

Contexts where the audience explicitly expects authority and precision — the hand-drawn pastel SVG decorations are the opposite of buttoned-up.

Workflow

  1. Clone example.html into the user's workspace as the working file.
  2. Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
  3. 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.
  4. 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.
  5. 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.
  6. 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-daisy-days" 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 Daisy Days

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.