Design diegetic UI interfaces embedded in the story world for games, films, and simulations.
npx skills add https://github.com/wk-j/krypton --skill diegetic-ui
Please help me install this Agent Skill. Skill: diegetic-ui Source: https://github.com/wk-j/krypton/tree/main/.claude/skills/diegetic-ui Command: npx skills add https://github.com/wk-j/krypton --skill diegetic-ui
Diegetic UI provides interfaces that exist as part of the environment rather than layered on top, enabling immersive, story-integrated interactions.
Create a diegetic UI canvas embedded in the story world following the design principles and patterns outlined in this skill.
High-intent search queries and answers about installing and using this skill.
Diegetic UI embeds interfaces directly into the story world rather than overlaying them, creating immersive, story-integrated interactions for games, films, and immersive simulations.
Apply environmental color language, motion semantics, and spatial UI principles using patterns like HUD Overlay, Embedded Physical UI, and Holographic Projection to build cohesive, world-accurate diegetic interfaces.
Yes, you can design production-grade diegetic UI for games, films, and immersive simulations, creating interfaces that exist as part of the environment for pilots, operators, or engineers in-world.
Use the provided Holographic Projection pattern alongside architectural guidelines and animation patterns to build production-grade, world-bound holographic interfaces that support in-world operators.
wildbitcaDefine UI aesthetic and design system tokens before frontend implementation.
TheLazyLemurImplement ECS game systems with Update and optional lifecycle interfaces.
googleDesign interactive 3D user interfaces for XR Blocks with Three.js and uikit.
akiojinDesign Unity game UI with USS, UXML, and Flexbox layouts.
