skills.rest
alfredoperez
alfredoperezCOMMUNITY
Explore all skills by this author →
GitHub

create-scene

Create HTML-based video scenes with design specs and catalog entries for the butai scene kit.

Updated Jul 6, 2026
Search Tags:#HTML#content creation#video production#scene kit#video scene
One-click install
npx skills add https://github.com/alfredoperez/butai --skill create-scene-alfredoperez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: create-scene
Source: https://github.com/alfredoperez/butai/tree/main/plugins/butai-skills/skills/create-scene
Command: npx skills add https://github.com/alfredoperez/butai --skill create-scene-alfredoperez

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows users to create and manage video scenes for the butai scene kit, streamlining the process of authoring and organizing video content.

Core Features & Use Cases

  • Scene Creation: Author new video scenes with HTML and CSS, styled by the token contract.
  • Design-Spec and Catalog Entry: Generate design specifications and catalog entries for each scene.
  • Scene Management: Organize scenes into the butai scene kit and regenerate the catalog and registry.
  • Use Case: Ideal for creating reusable video scenes that can be styled by themes and used across multiple projects.

Quick Start

Use the create-scene skill to author a new video scene with the ID 'opening-intro'.

Frequently Asked Questions about create-scene

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

FAQPage Schema
How do I create HTML-based video scenes for content production?▼

You can create HTML-based video scenes by authoring them with HTML and CSS, styled by a token contract. This process enables the generation of design specifications and catalog entries for each scene.

What is the best way to organize and manage reusable video scenes?▼

The best way to organize reusable video scenes is to group them into a scene kit and regenerate the catalog and registry. This allows scenes to be themed and reused across multiple content production projects.

Do I need HyperFrames to render video scenes?▼

Yes, you need HyperFrames to render the video scenes. HyperFrames act as the rendering engine required to display the HTML-based scenes created and managed within the scene kit.

Can I generate design specifications and catalog entries for my video scenes?▼

Yes, you can generate design specifications and catalog entries for your video scenes. The skill automatically creates these associated metadata files whenever you author a new scene.

How does the token contract style video scenes?▼

The token contract styles video scenes by defining the CSS themes applied to the HTML content. This allows you to maintain consistent visual styling across multiple scenes and projects.

What are the limitations when authoring video scenes for the butai scene kit?▼

A key limitation is that the butai scene kit requires HyperFrames for rendering, meaning scenes cannot be rendered independently. Additionally, scenes are restricted to HTML and CSS content styled by the token contract.

Related Skills

Explore More Content & Communication Skills→
Eng0AIEng0AI
15

gsap-awwwards-website

Build a React 19 landing page with GSAP scroll animations and Tailwind CSS 4.

Official
Advanced
whyiloveher2411whyiloveher2411

hyperframes

Create video compositions and animations using HTML and GSAP.

Community
Advanced
quochung-cyouquochung-cyou

scenes

Manage Phaser 4 scene lifecycle, transitions, and parallel scenes.

Community
Advanced
ChrisnewgearChrisnewgear

video

Generate and produce video content using AI tools and programmatic frameworks.

Community
Advanced