3 Commits

Include renames

Author	SHA1	Message	Date
James Russo	9943091247	feat(registry): seed transition blocks — 14 shader + 14 CSS showcase (#270) ... ## What Add 28 transition blocks from the Hyperframe Template Structure catalog, bringing the registry to 53 total items. ### Shader transitions (14 blocks, WebGL, 4s each) `domain-warp-dissolve`, `ridged-burn`, `whip-pan`, `sdf-iris`, `ripple-waves`, `gravitational-lens`, `cinematic-zoom`, `chromatic-radial-split`, `glitch`, `swirl-vortex`, `thermal-distortion`, `flash-through-white`, `cross-warp-morph`, `light-leak` ### CSS transition showcases (14 blocks, various durations) `transitions-3d`, `transitions-blur`, `transitions-cover`, `transitions-destruction`, `transitions-dissolve`, `transitions-distortion`, `transitions-grid`, `transitions-light`, `transitions-mechanical`, `transitions-other`, `transitions-push`, `transitions-radial`, `transitions-scale`, `transitions-shader` ## Why Phase D content accumulation. Transitions are the most-requested category for the catalog. ## How - Shader transitions extracted from `shader-showcase.zip`, each a standalone HTML with WebGL shaders - CSS transitions extracted from `showcase-bundle.zip`, each a standalone showcase page - All tagged with `transition` + `shader` or `showcase` for catalog grouping - Preview thumbnails generated for all 28 blocks - Catalog pages + index regenerated ## Test plan - [x] All 28 blocks produce preview thumbnails - [x] `registry-item.json` validates for all blocks - [x] Catalog pages generated (45 total items in catalog-index.json) - [x] `oxfmt --check` passes	2026-04-14 16:32:27 -07:00
James Russo	d37d738be9	feat(registry): seed blocks batch — social overlays, data viz, showcases (#269) ... ## What Add 11 blocks from the Hyperframe Template Structure catalog, bringing the registry to 25 total items. ### Social overlays | Block | Dimensions | Duration | Description | |-------|-----------|----------|-------------| | `instagram-follow` | 1080×1920 | 4.5s | Instagram follow overlay with profile card | | `tiktok-follow` | 1080×1920 | 4.5s | TikTok follow overlay with profile card | | `yt-lower-third` | 1920×1080 | 4.5s | YouTube subscribe lower third | | `x-post` | 1920×1080 | 5s | X/Twitter post card with engagement | | `reddit-post` | 1920×1080 | 5s | Reddit post card with upvotes | | `spotify-card` | 1080×1920 | 5s | Spotify now-playing card | | `macos-notification` | 1920×1080 | 5s | macOS notification banner | ### Data & visualization | Block | Duration | Description | |-------|----------|-------------| | `ascii-dashboard` | 10s | Retro terminal-style data viz | | `ascii-lightning` | 9s | ASCII art lightning bolt animation | ### Showcases | Block | Duration | Description | |-------|----------|-------------| | `app-showcase` | 5.5s | Floating smartphone screens | | `ui-3d-reveal` | 13s | Perspective 3D UI reveal | ## Why Phase D content accumulation. The registry pipeline (PRs 6-10) is in place — this PR exercises it at scale. ## How - Extracted from zip files in the Hyperframe Template Structure Notion doc - Social overlays: single-file standalone HTML, copied directly - Multi-file blocks (ascii-*, app-showcase, ui-3d-reveal): converted `<template>` sub-compositions to standalone HTML with proper `<!doctype>` wrappers - All previews (PNG + MP4) rendered locally via `generate-catalog-previews.ts` - Catalog MDX pages regenerated via `generate-catalog-pages.ts` - `docs.json` updated with new catalog entries ## Test plan - [x] All 11 blocks render to PNG + MP4 without errors - [x] Catalog pages generated for all 17 items (14 blocks + 3 components) - [x] `registry-item.json` files have correct dimensions, duration, tags - [x] `oxfmt --check` passes on all files	2026-04-14 16:29:25 -07:00
James Russo	4bde66f532	feat(skills): hyperframes-registry skill (#261) ... ## What New skill `hyperframes-registry` that teaches AI coding agents how to install and wire registry blocks and components into HyperFrames compositions. ### Skill structure ``` skills/hyperframes-registry/ SKILL.md — triggers, overview, quick reference references/ install-locations.md — default paths, hyperframes.json config wiring-blocks.md — iframe inclusion, data attributes, positioning wiring-components.md — snippet merging (HTML, CSS, JS, timeline) discovery.md — manifest reading, item fields, available items table demo-html-pattern.md — why components ship demo.html, structure conventions examples/ add-block.md — worked example: data-chart block install + wiring add-component.md — worked example: shimmer-sweep component install + wiring ``` ## Why Phase B of the catalog plan (PR 10). Without this skill, agents using `hyperframes add` have to guess how to wire installed items into compositions. The skill encodes the iframe/snippet patterns so agents get it right on the first attempt. ## How - SKILL.md frontmatter triggers on: `hyperframes add`, "block", "component", `hyperframes.json` - References cover every step: discovery, install, wiring blocks (iframe), wiring components (snippet merge), and the demo.html convention - Two worked examples walk through complete install-to-preview workflows - Updated CLAUDE.md skills table + trigger rules, README.md skills table, docs/packages/cli.mdx ## Test plan - [x] `scripts/lint-skills.ts` passes (checked 4 skill files, no issues) - [x] `oxfmt --check` passes on all markdown files - [x] SKILL.md frontmatter has valid `name` and `description` - [x] All reference links in SKILL.md resolve to existing files - [x] CLAUDE.md, README.md, and docs CLI page updated with new skill	2026-04-14 16:27:24 -07:00