kami-deck

Generate a self-contained index.html deck from a brief using Kami design tokens.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/LucasOl1337/simple-ai --skill kami-deck
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: kami-deck
Source: https://github.com/LucasOl1337/simple-ai/tree/main/DesignTemplates/embedded/open-design/skills/kami-deck
Command: npx skills add https://github.com/LucasOl1337/simple-ai --skill kami-deck

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables designers and engineers to generate a self-contained, single HTML deck file from a brief, removing the need to assemble multiple assets manually and ensuring a repeatable layout.

Core Features & Use Cases

  • Single-file artifact: outputs one self-contained HTML file that runs offline.
  • Kami design system: applies tokens and layout rules from design-systems/kami/DESIGN.md.
  • Deterministic output: reads a brief from SKILL.md and writes index.html with a fixed structure; supports multilingual stacks.

Quick Start

Open the kami-deck skill in your agent and provide a brief (identity + content) to produce index.html.

Frequently Asked Questions about kami-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a single-file HTML deck from a markdown brief?

To generate a single-file HTML deck, provide your design brief content to the agent, which reads the input and applies the kami design system tokens to output a self-contained index.html file.

Can I create an offline-ready presentation without external dependencies?

Yes, you can create an offline-ready presentation without external dependencies by generating a deterministic single HTML file that encapsulates all layout, styling, and content locally.

How does the kami design system apply tokens to an HTML deck?

The kami design system applies tokens by reading layout rules and design variables from the DESIGN.md file, ensuring the generated HTML deck maintains strict visual consistency and structure.

What is the best way to build a brand deck for offline viewing?

The best way to build an offline brand deck is to organize your identity and content brief into a single self-contained HTML artifact, ensuring repeatable layout and zero external asset loading.

Does the generated HTML deck support multilingual content stacks?

Yes, the generated HTML deck supports multilingual content stacks, allowing you to organize briefs with multiple language requirements into one deterministic single-file output.

When should I not use a single-file HTML deck for a product pitch?

You should not use a single-file HTML deck if your product pitch requires dynamic external data fetching, server-side rendering, or complex interactive web components beyond static layout rules.