shellfie 1.0.0 → 1.1.0

data/schema/shellfie-v2.schema.json

@@ -0,0 +1,262 @@
+{
+  "$schema": "https://json-schema.org/draft/2020-12/schema",
+  "$id": "https://raw.githubusercontent.com/ydah/shellfie/main/schema/shellfie-v2.schema.json",
+  "title": "Shellfie executable session",
+  "type": "object",
+  "additionalProperties": false,
+  "required": ["version"],
+  "anyOf": [{ "required": ["steps"] }, { "required": ["include"] }],
+  "dependentRequired": { "include_policy": ["include"] },
+  "properties": {
+    "version": { "const": 2 },
+    "include": { "oneOf": [{ "type": "string" }, { "type": "array", "minItems": 1, "items": { "type": "string" } }] },
+    "include_policy": { "enum": ["allow", "root"] },
+    "mode": { "enum": ["run", "replay"] },
+    "title": { "type": "string" },
+    "theme": { "enum": ["macos", "ubuntu", "windows", "custom"] },
+    "vars": {
+      "type": "object", "maxProperties": 100,
+      "propertyNames": { "pattern": "^[A-Za-z_][A-Za-z0-9_]*$" },
+      "additionalProperties": { "type": ["string", "number", "boolean", "null"] }
+    },
+    "step_sets": {
+      "type": "object", "maxProperties": 100,
+      "propertyNames": { "pattern": "^[A-Za-z_][A-Za-z0-9_]*$" },
+      "additionalProperties": {
+        "type": "array", "items": { "oneOf": [{ "$ref": "#/$defs/step" }, { "$ref": "#/$defs/step_use" }] }
+      }
+    },
+    "terminal": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "shell": { "type": "string" }, "columns": { "type": "integer", "minimum": 1, "maximum": 500 },
+        "rows": { "type": "integer", "minimum": 1, "maximum": 200 }, "cwd": { "type": "string" },
+        "cwd_policy": { "enum": ["allow", "root"] },
+        "env": {
+          "type": "object",
+          "propertyNames": { "allOf": [{ "pattern": "^[A-Za-z_][A-Za-z0-9_]*$" }, { "not": { "const": "PS1" } }] },
+          "additionalProperties": { "type": ["string", "null"] }
+        },
+        "env_allowlist": {
+          "type": ["array", "null"], "uniqueItems": true,
+          "items": { "type": "string", "pattern": "^[A-Za-z_][A-Za-z0-9_]*$" }
+        },
+        "timeout": { "$ref": "#/$defs/duration" },
+        "total_timeout": { "oneOf": [{ "$ref": "#/$defs/duration" }, { "type": "null" }] },
+        "prompt": { "type": "string", "pattern": "\\S" }
+      }
+    },
+    "requires": { "type": "array", "items": { "type": "string", "pattern": "^[A-Za-z0-9_.+-]+$" } },
+    "steps": {
+      "type": "array", "maxItems": 10000,
+      "items": { "oneOf": [{ "$ref": "#/$defs/step" }, { "$ref": "#/$defs/step_use" }] },
+      "contains": { "type": "object", "required": ["capture"] }, "minContains": 0, "maxContains": 100
+    },
+    "outputs": { "type": "array", "items": { "$ref": "#/$defs/output" } },
+    "render": {
+      "type": "object", "additionalProperties": false,
+      "properties": {
+        "window": {
+          "$ref": "#/$defs/window"
+        },
+        "font": {
+          "$ref": "#/$defs/font"
+        },
+        "animation": {
+          "$ref": "#/$defs/animation"
+        },
+        "headless": { "type": "boolean" }
+      }
+    },
+    "redact": { "type": "array", "maxItems": 100, "items": { "type": "string", "maxLength": 512 } }
+  },
+  "$defs": {
+    "duration": {
+      "oneOf": [
+        { "type": "number", "exclusiveMinimum": 0, "maximum": 86400 },
+        {
+          "type": "string",
+          "pattern": "^(?=.{1,32}s?$)0*(?:0\\.[0-9]*[1-9][0-9]*|(?:[1-9][0-9]{0,3}|[1-7][0-9]{4}|8[0-5][0-9]{3}|86[0-3][0-9]{2})(?:\\.[0-9]+)?|86400(?:\\.0+)?)s?$"
+        },
+        {
+          "type": "string",
+          "pattern": "^(?=.{1,32}ms$)0*(?:0\\.[0-9]*[1-9][0-9]*|(?:[1-9][0-9]{0,6}|[1-7][0-9]{7}|8[0-5][0-9]{6}|86[0-3][0-9]{5})(?:\\.[0-9]+)?|86400000(?:\\.0+)?)ms$"
+        }
+      ]
+    },
+    "window": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "width": { "type": "integer", "minimum": 120 },
+        "height": { "type": ["integer", "null"], "minimum": 1 },
+        "padding": { "type": "integer", "minimum": 0, "maximum": 40 },
+        "opacity": { "type": "number", "minimum": 0, "maximum": 1 },
+        "visible_lines": { "type": ["integer", "null"], "minimum": 1 },
+        "max_lines": { "type": ["integer", "null"], "minimum": 1 },
+        "max_height": { "type": ["integer", "null"], "minimum": 1 },
+        "wrap": { "type": "boolean" },
+        "overflow": { "enum": ["clip", "wrap", "scroll"] },
+        "margin": { "type": ["integer", "null"], "minimum": 0 },
+        "exact_size": { "type": "boolean" },
+        "trim": { "type": "boolean" },
+        "tab_width": { "type": "integer", "minimum": 1 },
+        "ambiguous_width": { "enum": [1, 2] },
+        "osc_policy": { "enum": ["ignore", "preserve", "apply"] },
+        "graphics_policy": { "enum": ["ignore", "error"] },
+        "ansi_state": { "enum": ["persistent", "line"] },
+        "background_gradient": { "type": ["array", "null"], "minItems": 2, "maxItems": 2, "items": { "type": "string" } },
+        "scroll_offset": { "type": "number", "minimum": 0, "maximum": 1 }
+      }
+    },
+    "font": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "family": { "type": ["string", "null"] },
+        "size": { "type": "number", "exclusiveMinimum": 0 },
+        "line_height": { "type": "number", "exclusiveMinimum": 0 },
+        "fallback_family": { "type": ["string", "null"] },
+        "italic_family": { "type": ["string", "null"] },
+        "emoji_family": { "type": ["string", "null"] }
+      }
+    },
+    "animation": {
+      "type": "object",
+      "additionalProperties": false,
+      "properties": {
+        "typing_speed": { "type": "integer", "minimum": 0, "maximum": 86400000 },
+        "command_delay": { "type": "integer", "minimum": 0, "maximum": 86400000 },
+        "cursor_blink": { "type": "boolean" },
+        "loop": { "type": "boolean" },
+        "typing_jitter": { "type": "number", "minimum": 0, "maximum": 1 },
+        "seed": { "type": "integer", "minimum": 0, "maximum": 2147483647 },
+        "typing_chunk_size": { "type": "integer", "minimum": 1 },
+        "output_delay": { "type": "integer", "minimum": 0, "maximum": 86400000 },
+        "final_delay": { "type": "integer", "minimum": 0, "maximum": 86400000 },
+        "max_frames": { "type": ["integer", "null"], "minimum": 1 },
+        "dither": { "type": "boolean" },
+        "palette": { "enum": ["global", "adaptive", "theme"] },
+        "gif_colors": { "type": "integer", "minimum": 2, "maximum": 256 },
+        "gif_optimize": { "type": "boolean" },
+        "webp_lossless": { "type": "boolean" },
+        "webp_quality": { "type": "integer", "minimum": 0, "maximum": 100 },
+        "webp_method": { "type": "integer", "minimum": 0, "maximum": 6 },
+        "webp_near_lossless": { "type": "integer", "minimum": 0, "maximum": 100 },
+        "apng_prediction": { "enum": ["none", "sub", "up", "avg", "paeth", "mixed"] },
+        "loop_count": { "type": ["integer", "null"], "minimum": 0, "maximum": 65535 },
+        "direction": { "enum": ["forward", "reverse", "ping_pong"] },
+        "loop_offset": { "type": "integer", "minimum": 0 },
+        "scroll_easing": { "enum": ["linear", "ease_in", "ease_out", "ease_in_out"] },
+        "framerate": { "type": "integer", "minimum": 1, "maximum": 120 },
+        "playback_speed": { "type": "number", "exclusiveMinimum": 0, "maximum": 100 }
+      }
+    },
+    "step": {
+      "oneOf": [
+        { "type": "string", "enum": ["hide", "show"] },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "run": { "type": "string" }, "type": { "type": "string" }, "key": { "type": "string" },
+            "sleep": { "$ref": "#/$defs/duration" }, "wait": { "$ref": "#/$defs/wait" },
+            "expect": { "$ref": "#/$defs/expect" }, "capture": { "type": "string" },
+            "hide": { "const": true }, "show": { "const": true }, "visibility": { "enum": ["visible", "hidden"] },
+            "timeout": { "$ref": "#/$defs/duration" },
+            "speed": { "type": "string", "maxLength": 32, "pattern": "^0*(?:[1-9][0-9]{0,2}(?:\\.[0-9]+)?|1000(?:\\.0+)?)cps$" },
+            "count": { "type": "integer", "minimum": 1, "maximum": 10000 },
+            "async": { "type": "boolean" }, "cwd": { "type": "string" },
+            "delay": { "$ref": "#/$defs/duration" },
+            "repeat": { "type": "integer", "minimum": 1, "maximum": 10000 },
+            "if": { "$ref": "#/$defs/condition" }
+          },
+          "oneOf": [
+            { "required": ["run"] }, { "required": ["type"] }, { "required": ["key"] },
+            { "required": ["sleep"] }, { "required": ["wait"] }, { "required": ["expect"] },
+            { "required": ["capture"] }, { "required": ["hide"] }, { "required": ["show"] }
+          ],
+          "dependentRequired": { "visibility": ["run"], "speed": ["type"], "count": ["key"], "cwd": ["run"], "delay": ["key"] },
+          "allOf": [
+            { "if": { "required": ["async"] }, "then": { "anyOf": [{ "required": ["run"] }, { "required": ["key"] }] } },
+            { "if": { "required": ["timeout"] }, "then": { "anyOf": [{ "required": ["run"] }, { "required": ["key"] }, { "required": ["wait"] }] } },
+            { "not": { "required": ["run", "async", "visibility"], "properties": { "async": { "const": true }, "visibility": { "const": "hidden" } } } }
+          ]
+        }
+      ]
+    },
+    "step_use": {
+      "type": "object", "required": ["use"], "additionalProperties": false,
+      "properties": {
+        "use": { "type": "string", "pattern": "^[A-Za-z_][A-Za-z0-9_]*$" },
+        "repeat": { "type": "integer", "minimum": 1, "maximum": 10000 },
+        "if": { "$ref": "#/$defs/condition" }
+      }
+    },
+    "condition": {
+      "type": "object", "minProperties": 1, "additionalProperties": false,
+      "properties": {
+        "os": {
+          "oneOf": [
+            { "enum": ["macos", "linux", "windows"] },
+            { "type": "array", "minItems": 1, "uniqueItems": true, "items": { "enum": ["macos", "linux", "windows"] } }
+          ]
+        },
+        "shell": { "type": "string" },
+        "ruby": { "type": "string" },
+        "env": { "type": "object", "additionalProperties": { "type": ["string", "null"] } }
+      }
+    },
+    "wait": {
+      "oneOf": [
+        { "type": "string", "maxLength": 512 },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "screen": { "type": "string", "maxLength": 512 }, "line": { "type": "string", "maxLength": 512 },
+            "prompt": { "const": true },
+            "stable": { "$ref": "#/$defs/duration" }, "exit": { "const": true },
+            "timeout": { "$ref": "#/$defs/duration" }
+          },
+          "oneOf": [
+            { "required": ["screen"] }, { "required": ["line"] }, { "required": ["prompt"] },
+            { "required": ["stable"] }, { "required": ["exit"] }
+          ]
+        }
+      ]
+    },
+    "expect": {
+      "oneOf": [
+        { "type": "string" },
+        {
+          "type": "object",
+          "additionalProperties": false,
+          "properties": {
+            "screen_contains": { "type": "string" }, "screen": { "type": "string", "maxLength": 512 },
+            "line": { "type": "string", "maxLength": 512 },
+            "exit_status": { "type": "integer", "minimum": 0, "maximum": 255 },
+            "cursor_row": { "type": "integer", "minimum": 0 },
+            "cursor_column": { "type": "integer", "minimum": 0 },
+            "golden": { "type": "string" },
+            "elapsed_under": { "$ref": "#/$defs/duration" }, "elapsed_over": { "$ref": "#/$defs/duration" }
+          },
+          "minProperties": 1
+        }
+      ]
+    },
+    "output": {
+      "type": "object",
+      "required": ["path"],
+      "additionalProperties": false,
+      "properties": {
+        "path": { "type": "string" },
+        "format": { "enum": ["png", "gif", "svg", "svg-raster", "webp", "apng", "mp4", "webm", "png-sequence", "html", "txt", "ansi", "json", "asciicast", "cast"] },
+        "animate": { "type": "boolean" }, "scale": { "type": "integer", "minimum": 1, "maximum": 3 },
+        "shadow": { "type": "boolean" }, "transparent": { "type": "boolean" },
+        "capture": { "type": "string" }
+      }
+    }
+  }
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: shellfie
 version: !ruby/object:Gem::Version
-  version: 1.0.0
+  version: 1.1.0
 platform: ruby
 authors:
 - Yudai Takada
@@ -16,6 +16,9 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '4.12'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -23,8 +26,11 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '4.12'
-description: Generate beautiful terminal screenshot-style PNG images and animated
-  GIFs from YAML configuration files. Perfect for README files and documentation.
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6'
+description: Compile YAML terminal scenes or recorded sessions into accessible HTML,
+  semantic transcripts, SVG, raster images, and animations.
 email:
 - t.yudai92@gmail.com
 executables:
@@ -33,28 +39,10 @@ executables:
 extensions: []
 extra_rdoc_files: []
 files:
-- ".rspec"
 - CHANGELOG.md
 - LICENSE
 - README.md
-- Rakefile
 - assets/logo-header.svg
-- docs/.nojekyll
-- docs/index.html
-- docs/scripts.js
-- docs/styles.css
-- examples/animation.yml
-- examples/colored.yml
-- examples/demo.gif
-- examples/demo.png
-- examples/demo_animation.yml
-- examples/headless.png
-- examples/headless.yml
-- examples/scrolling.yml
-- examples/simple.yml
-- examples/theme_macos.png
-- examples/theme_ubuntu.png
-- examples/theme_windows.png
 - exe/shellfie
 - exe/shf
 - lib/shellfie.rb
@@ -65,19 +53,24 @@ files:
 - lib/shellfie/ansi_line_buffer.rb
 - lib/shellfie/ansi_normalizer.rb
 - lib/shellfie/ansi_parser.rb
+- lib/shellfie/cassette.rb
 - lib/shellfie/cli.rb
+- lib/shellfie/cli_authoring.rb
 - lib/shellfie/cli_generate.rb
 - lib/shellfie/cli_info.rb
+- lib/shellfie/cli_run.rb
 - lib/shellfie/config.rb
 - lib/shellfie/config_defaults.rb
 - lib/shellfie/config_validation.rb
 - lib/shellfie/dependency_checker.rb
 - lib/shellfie/errors.rb
+- lib/shellfie/ffmpeg_encoder.rb
 - lib/shellfie/font_resolver.rb
 - lib/shellfie/format_resolver.rb
 - lib/shellfie/gif_generator.rb
 - lib/shellfie/gif_palette.rb
 - lib/shellfie/headless_theme_registry.rb
+- lib/shellfie/html_renderer.rb
 - lib/shellfie/image_magick_command_builder.rb
 - lib/shellfie/line_layout.rb
 - lib/shellfie/output_writer.rb
@@ -91,7 +84,13 @@ files:
 - lib/shellfie/rendering/shape_helpers.rb
 - lib/shellfie/rendering/text_painter.rb
 - lib/shellfie/rendering/window_chrome.rb
+- lib/shellfie/reproducibility_manifest.rb
+- lib/shellfie/session.rb
+- lib/shellfie/session_config.rb
+- lib/shellfie/session_runner.rb
 - lib/shellfie/svg_raster_wrapper.rb
+- lib/shellfie/svg_renderer.rb
+- lib/shellfie/terminal_screen.rb
 - lib/shellfie/text_metrics.rb
 - lib/shellfie/theme_data.rb
 - lib/shellfie/theme_registry.rb
@@ -100,15 +99,19 @@ files:
 - lib/shellfie/themes/macos.rb
 - lib/shellfie/themes/ubuntu.rb
 - lib/shellfie/themes/windows_terminal.rb
+- lib/shellfie/transcript_renderer.rb
 - lib/shellfie/version.rb
-- shellfie.gemspec
+- lib/shellfie/yaml_safety.rb
+- schema/shellfie-v1.schema.json
+- schema/shellfie-v2.schema.json
 homepage: https://github.com/ydah/shellfie
 licenses:
 - MIT
 metadata:
   homepage_uri: https://github.com/ydah/shellfie
-  source_code_uri: https://github.com/ydah/shellfie
+  source_code_uri: https://github.com/ydah/shellfie/tree/main
   changelog_uri: https://github.com/ydah/shellfie/blob/main/CHANGELOG.md
+  rubygems_mfa_required: 'true'
 rdoc_options: []
 require_paths:
 - lib
@@ -123,7 +126,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.6
+rubygems_version: 4.0.19
 specification_version: 4
 summary: Terminal screenshot-style image generator
 test_files: []

data/.rspec

@@ -1,3 +0,0 @@
---format documentation
---color
---require spec_helper

data/Rakefile

@@ -1,8 +0,0 @@
-# frozen_string_literal: true
-
-require "bundler/gem_tasks"
-require "rspec/core/rake_task"
-
-RSpec::Core::RakeTask.new(:spec)
-
-task default: :spec

data/docs/index.html

@@ -1,205 +0,0 @@
-<!doctype html>
-<html lang="ja">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>Shellfie Docs</title>
-    <meta
-      name="description"
-      content="Shellfie documentation. Generate beautiful terminal screenshots from YAML."
-    />
-    <link rel="stylesheet" href="./styles.css" />
-  </head>
-  <body>
-    <div class="ambient-glow" aria-hidden="true"></div>
-    <div class="sun-core" aria-hidden="true"></div>
-    <div class="scanlines" aria-hidden="true"></div>
-    <div class="stars" aria-hidden="true"></div>
-    <div class="grid-floor" aria-hidden="true"></div>
-
-    <header class="topbar">
-      <div class="brand">
-        <span class="brand__glyph">◎</span>
-        <div class="brand__stack">
-          <span class="brand__title">Shellfie</span>
-          <span class="brand__subtitle">Terminal Screenshot Generator</span>
-        </div>
-      </div>
-      <nav class="topnav">
-        <a href="#features">Features</a>
-        <a href="#install">Install</a>
-        <a href="#usage">Usage</a>
-        <a href="#config">Config</a>
-        <a href="#themes">Themes</a>
-      </nav>
-      <a class="cta" href="https://github.com/ydah/shellfie">GitHub</a>
-    </header>
-
-    <main>
-      <section class="hero">
-        <div class="hero__content">
-          <p class="eyebrow">YAML → Image → Imagination</p>
-          <h1>
-            Terminal visuals that elevate<br />
-            your documentation
-          </h1>
-          <p class="hero__lead">
-            Shellfie is a CLI that generates PNGs and animated GIFs from YAML.
-            Build documentation, tutorials, and presentations without taking screenshots.
-          </p>
-          <div class="hero__actions">
-            <a class="cta cta--primary" href="#usage">Quick Start</a>
-            <a class="cta cta--ghost" href="#config">View Config</a>
-          </div>
-          <div class="hero__meta">
-            <span>Ruby 3.0+</span>
-            <span>ImageMagick 7.0+</span>
-            <span>CLI: shellfie / shf</span>
-          </div>
-        </div>
-        <div class="hero__preview">
-          <div class="terminal-card">
-            <div class="terminal-card__bar">
-              <span></span><span></span><span></span>
-            </div>
-            <div class="terminal-card__body">
-              <div
-                class="typewriter"
-                data-lines="$ shellfie init &gt; demo.yml||$ shellfie generate demo.yml -o neon.png||Generated: neon.png||Let the glow begin..."
-              ></div>
-            </div>
-          </div>
-        </div>
-      </section>
-
-      <section id="features" class="section">
-        <div class="section__header">
-          <p class="eyebrow">Features</p>
-          <h2>Make visuals and storytelling effortless</h2>
-          <p class="section__lead">
-            Switch themes, animate typing, and support ANSI colors to level up your docs.
-          </p>
-        </div>
-        <div class="grid">
-          <article class="card">
-            <h3>Multi Theme</h3>
-            <p>Switch between macOS, Ubuntu, and Windows terminal styles.</p>
-          </article>
-          <article class="card">
-            <h3>Animated GIF</h3>
-            <p>Create typing animations that feel like a guided walkthrough.</p>
-          </article>
-          <article class="card">
-            <h3>Full ANSI</h3>
-            <p>Support 256-color palettes, TrueColor, and text styles.</p>
-          </article>
-          <article class="card">
-            <h3>HiDPI Output</h3>
-            <p>Render crisp assets with 2x or 3x scaling for HiDPI.</p>
-          </article>
-        </div>
-      </section>
-
-      <section id="install" class="section section--alt">
-        <div class="section__header">
-          <p class="eyebrow">Install</p>
-          <h2>Install in two steps</h2>
-        </div>
-        <div class="split">
-          <div class="code-block">
-            <h3>ImageMagick</h3>
-            <pre><code>brew install imagemagick
-# Ubuntu/Debian
-sudo apt install imagemagick</code></pre>
-          </div>
-          <div class="code-block">
-            <h3>Shellfie</h3>
-            <pre><code>gem install shellfie
-# or
-bundle add shellfie</code></pre>
-          </div>
-        </div>
-      </section>
-
-      <section id="usage" class="section">
-        <div class="section__header">
-          <p class="eyebrow">Usage</p>
-          <h2>Quick Start</h2>
-          <p class="section__lead">
-            Create a YAML file, then generate the output.
-          </p>
-        </div>
-        <div class="split">
-          <div class="code-block">
-            <h3>terminal.yml</h3>
-            <pre><code>theme: macos
-title: "Terminal — zsh"
-
-window:
-  width: 620
-  padding: 20
-
-lines:
-  - prompt: "$ "
-    command: "echo 'Hello, Vaporwave!'"
-  - output: "Hello, Vaporwave!"</code></pre>
-          </div>
-          <div class="code-block">
-            <h3>Generate</h3>
-            <pre><code>shellfie generate terminal.yml -o output.png
-shellfie generate terminal.yml -o demo.gif --animate</code></pre>
-          </div>
-        </div>
-      </section>
-
-      <section id="config" class="section section--alt">
-        <div class="section__header">
-          <p class="eyebrow">Config</p>
-          <h2>Animation controls</h2>
-          <p class="section__lead">
-            Tune typing speed, delays, and looping.
-          </p>
-        </div>
-        <div class="code-block code-block--wide">
-          <pre><code>animation:
-  typing_speed: 50
-  command_delay: 500
-  cursor_blink: true
-  loop: true
-
-frames:
-  - prompt: "$ "
-    type: "ls -la"
-    delay: 400
-  - output: "docs  lib  README.md"
-    delay: 800</code></pre>
-        </div>
-      </section>
-
-      <section id="themes" class="section">
-        <div class="section__header">
-          <p class="eyebrow">Themes</p>
-          <h2>Shape the vibe with themes</h2>
-        </div>
-        <div class="theme-list">
-          <div class="theme-pill">macos</div>
-          <div class="theme-pill">ubuntu</div>
-          <div class="theme-pill">windows</div>
-          <div class="theme-pill">headless</div>
-        </div>
-        <div class="code-block code-block--wide">
-          <pre><code>shellfie themes
-shellfie generate config.yml -o neon.png -t ubuntu
-shellfie generate config.yml -o ghost.png --no-header</code></pre>
-        </div>
-      </section>
-    </main>
-
-    <footer class="footer">
-      <p>Shellfie Docs</p>
-      <p>Built for GitHub Pages + GitHub Actions</p>
-    </footer>
-
-    <script src="./scripts.js"></script>
-  </body>
-</html>