story
CommunityBuild immersive, style-guided interactive stories.
Education & Research#education#storytelling#branching#interactive#style-guide#narrative-engine#css-design-system
AuthorGGPrompts
Version1.0.0
Installs0
System Documentation
What problem does it solve?
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.
Core Features & Use Cases
- Inline story engine that renders 10-15 scenes with 3-5 branching points and keyboard navigation.
- Style-guide-driven mapping where narrative components reuse CSS classes and UI patterns from the selected design system.
- Reusable templates for educators to create engaging, fact-rich stories that teach topics through exploration and choice.
Quick Start
Provide a style name and optional topic to generate a 10-15 scene interactive story with branching points and keyboard navigation.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: story Download link: https://github.com/GGPrompts/htmlstyleguides/archive/main.zip#story Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.