Create interactive educational stories with branching scenes and keyboard navigation.
npx skills add https://github.com/GGPrompts/htmlstyleguides --skill story-ggprompts
Please help me install this Agent Skill. Skill: story Source: https://github.com/GGPrompts/htmlstyleguides/tree/main/.claude/skills/story Command: npx skills add https://github.com/GGPrompts/htmlstyleguides --skill story-ggprompts
This skill enables educators and developers to craft interactive stories that align with a CSS design system, providing a cohesive visual language and a reusable narrative framework.
Provide a style name and optional topic to generate a 10-15 scene interactive story with branching points and keyboard navigation.
High-intent search queries and answers about installing and using this skill.
Interactive educational stories with branching scenes are created using an inline story engine that renders 10-15 scenes with 3-5 branching points. The engine enforces template adherence so each scene contains year, era, content, fact, and choices for guided narrative exploration.
Applying a CSS design system to an interactive narrative engine maps narrative components to reusable CSS classes and UI patterns. This style-guide-driven approach ensures the visual language of the branching story matches the selected design system cohesively.
To generate a style-guided branching story you provide a style name and an optional topic. The workflow outputs a 10-15 scene interactive narrative with keyboard navigation, robust endings, and a clear back-to-stories flow without requiring external dependencies.
The interactive story template supports keyboard navigation across all 10-15 scenes. Users progress through branching points and robust endings using keyboard inputs, ensuring the narrative experience remains accessible and reusable for educational exploration.
Limitations of the inline story engine include a strict scene structure requiring year, era, content, fact, and choices fields. It supports 10-15 scenes with 3-5 branching points, meaning narratives exceeding this scale need external orchestration outside the template.
pinion05Generate interactive HTML presentations with PNG and PDF exports from structured content.
joeloverbeckValidate and attach rendered prose to planned branching-story scenes.
zakad00e2Implement editorial-grade design systems with custom typography, color, and layouts in React or Next.js.
alfredxwGenerate images from narrative details for interactive story contexts.
