lewislulu--html-ppt-skill
lewis
a93138e1bf
World-class HTML presentation skill with keyboard navigation, theme/animation switching, headless Chrome rendering, and showcase decks for themes/layouts/animations. - 24 themes (minimal-white, dracula, catppuccin, tokyo-night, xiaohongshu-white, …) - 31 single-page layouts (cover, code, charts, timeline, gantt, mindmap, …) - 20+ named animations (rise-in, typewriter, confetti-burst, card-flip-3d, …) - theme/layout/animation showcase decks - runtime.js: arrow/space/F/S/O/T/A keybinds, hash routing, progress bar - render.sh headless Chrome PNG export - MIT, author lewis <sudolewis@gmail.com>
47 行
1.3 KiB
Bash
可执行文件
47 行
1.3 KiB
Bash
可执行文件
#!/usr/bin/env bash
|
|
# html-ppt :: new-deck.sh — scaffold a new deck from templates/deck.html
|
|
#
|
|
# Usage:
|
|
# new-deck.sh <name> [output-parent-dir]
|
|
#
|
|
# Creates <parent>/<name>/index.html with paths rewritten to point at the
|
|
# skill's shared assets/themes/animations. Defaults to ./examples/.
|
|
|
|
set -euo pipefail
|
|
|
|
NAME="${1:-}"
|
|
if [[ -z "$NAME" ]]; then
|
|
echo "usage: new-deck.sh <name> [parent-dir]" >&2
|
|
exit 1
|
|
fi
|
|
|
|
PARENT="${2:-examples}"
|
|
HERE="$(cd "$(dirname "$0")/.." && pwd)"
|
|
TEMPLATE="$HERE/templates/deck.html"
|
|
|
|
if [[ ! -f "$TEMPLATE" ]]; then
|
|
echo "error: template not found at $TEMPLATE" >&2
|
|
exit 1
|
|
fi
|
|
|
|
OUT_DIR="$HERE/$PARENT/$NAME"
|
|
if [[ -e "$OUT_DIR" ]]; then
|
|
echo "error: $OUT_DIR already exists" >&2
|
|
exit 1
|
|
fi
|
|
mkdir -p "$OUT_DIR"
|
|
|
|
# templates/deck.html references ../assets/...; for examples/<name>/index.html
|
|
# that same relative path (../../assets/...) needs one more ../.
|
|
sed 's|href="../assets/|href="../../assets/|g; s|src="../assets/|src="../../assets/|g; s|data-theme-base="../assets/|data-theme-base="../../assets/|g' \
|
|
"$TEMPLATE" > "$OUT_DIR/index.html"
|
|
|
|
echo "✔ created $OUT_DIR/index.html"
|
|
echo ""
|
|
echo "next steps:"
|
|
echo " open $OUT_DIR/index.html"
|
|
echo " # press T to cycle themes, ← → to navigate, O for overview"
|
|
echo ""
|
|
echo " # render to PNG:"
|
|
echo " $HERE/scripts/render.sh $OUT_DIR/index.html all"
|