st-skill:write-embedded-card

Integrate an embedded front-end card into SillyTavern with MVU variables, status bar, and Tavern Helper scripts.

3|Updated Mar 30, 2026
One-click install
npx skills add https://github.com/ultranationalism/ST-skill --skill st-skill-write-embedded-card
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: st-skill:write-embedded-card
Source: https://github.com/ultranationalism/ST-skill/tree/main/skills/write-embedded-card
Command: npx skills add https://github.com/ultranationalism/ST-skill --skill st-skill-write-embedded-card

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables embedding a front-end UI layer inside the native SillyTavern interaction flow, allowing richer card presentation while preserving core dialogue mechanics.

Core Features & Use Cases

  • MVU variable system with Zod-based schema for dynamic state (affection, mood, inventory, etc.)
  • Status bar rendering via regex scripts for display and for sending without token cost
  • Dynamic prompts using EJS templates that adapt based on current variables
  • Worldbook entries and variable update/output guidance to synchronize AI state with UI
  • Tavern Helper scripts for event handling, button interactions, and validation (optional)

Quick Start

Clone the repository, install dependencies with bun, and run the preview to view the embedded front-end card.

Frequently Asked Questions about st-skill:write-embedded-card

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

FAQPage Schema
How do I embed a custom UI card in SillyTavern character cards?

You can embed a custom UI card in SillyTavern by layering MVU variables, regex-based status bar rendering, and EJS templates atop the native dialogue flow. This preserves core mechanics while enabling dynamic prompts and in-game state tracking.

How do I track dynamic state like affection or inventory in SillyTavern?

Track dynamic state like affection or inventory using an MVU variable system with a Zod-based schema. This schema synchronizes the AI's internal state with the embedded front-end UI across conversations.

Can I display a status bar in SillyTavern without using extra tokens?

You can display and send a status bar without token cost by applying regex scripts. These scripts handle rendering the status bar visually and transmitting the data alongside your messages.

How do I use EJS templates for dynamic prompts in SillyTavern?

EJS templates generate dynamic prompts that adapt based on current MVU variables. Combined with worldbook entries, they ensure the AI output and the embedded UI remain synchronized throughout the interaction.

Do I need Tavern Helper scripts to handle button interactions in SillyTavern cards?

Tavern Helper scripts are optional but enable event handling, button interactions, and validation within the embedded card. They provide front-end logic execution without altering the native dialogue flow.

What is the best way to synchronize worldbook entries with an embedded UI in SillyTavern?

The best way to synchronize worldbook entries with an embedded UI is through variable update and output guidance. This ensures worldbook lore triggers correctly align with the MVU schema and the visual card state.