nrenvo

Swiss Slide — Design skill for Claude Code

Design community

Turn work updates into polished HTML report decks.

How to install Swiss Slide

This entry records only its repository, not the path inside it, so there is no exact command to give. Open nrenvo/swiss-slide and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Swiss Slide does

Turn work updates into polished HTML report decks. IBM Carbon + Swiss style, single-file, zero dependencies — an agent skill for Claude Code and Codex.

Alternatives in Design

  • Remix — Restyle a site in another design vocabulary — brutalist, swiss, art-deco, cyberpunk, soft-ui, or editorial 3.6k ★
  • Skill Deck — Generate slide deck presentations from briefs — use when you need slides, pitch decks, or visual summaries 2.8k ★
  • Plan Artifact — Creates one polished, self-contained HTML artifact from a plan, PRD, roadmap, strategy, migration, rollout, re 652 ★

README

swiss-slide

IBM Carbon + Swiss International Style — polished work-report decks from natural language.
One HTML file. No dependencies. Opens in any browser.

[中文](./README.zh-CN.md)

![swiss-slide cover](./assets/preview.png)

What is this?

An **agent skill** — works with Claude Code, Codex, and any platform that supports the skill format. Describe what you need in plain language — a weekly update, quarterly review, architecture review, or incident postmortem — and swiss-slide generates a complete, presentation-ready HTML report.

Screens
Agenda Modules
Get Started KPIs

Features

6 Accent PalettesIKB Klein Blue (default), Vermillion, Forest, Slate, Violet, Amber. Switch by changing two CSS variables.
8 Slide LayoutsCover, Agenda (split), Modules, Cards, Before/After, Plans, Closing, KPIs — each with a distinct visual identity.
Animated GridDrifting dot-and-rule grid on cover and accent slides, pure CSS — no canvas, no ex

Related Skills

Generating Slides — Design skill for Claude Code

Generating Slides

Claude Code skill: turn one sentence or a document into a projector-grade HTML slide deck — single file, zero

Design community
Pretty Slides — Design skill for Claude Code

Pretty Slides

Create a polished HTML slide deck from a Google Doc, URL, pasted content, or existing HTML. Offers 6 visual st

Design community
Agent Architecture — Design skill for Claude Code

Agent Architecture

Visual multi-agent system designer for Claude Code. 28 agents, Five Minds Protocol, HITL gates, Live Simulatio

Design community
Opencode Tab Spinner — Design skill for Claude Code

Opencode Tab Spinner

opencode plugin: spinner in the terminal tab title while the agent works — Claude Code style. Zero dependencie

Design community
Course Slides — Design skill for Claude Code

Course Slides

Turn Markdown lecture notes into a single-file HTML slide deck — Keynote-style Claude Code Skill.

Design community
Workplan — Design skill for Claude Code

Workplan

Turn an approved Design into the work plan -- steps, task breakdown, dependencies, verification, rollout; the

Design community

Related Agents

Presentation Designer — Data & AI agent for Claude Code

Presentation Designer

Turns data work — exploratory analyses, dashboards, business plans, project proposals — into polished, on-bran

Data & AI community
Pitch Deck — Development agent for Claude Code

Pitch Deck

Pitch deck builder that deeply understands the product from the codebase, identifies its strengths and moat, a

Development community
Courseware Developer — Content & Marketing agent for Claude Code

Courseware Developer

Use this agent to build training and teaching materials — interactive HTML courseware slide decks, animated fl

Content & Marketing community