dips

What problem does it solve?

This Skill solves the problem of plain text chat responses being ill-suited for interactive tasks like value selection, data visualization, or guided user choices, which often require extra back-and-forth clarification messages.

Core Features & Use Cases

• Ephemeral inline interactive widgets: Build sandboxed, state-free shtml elements that render directly in chat with no persistent storage, ideal for one-off interactions.
• Pre-styled S2 design system components: Use built-in elements like sliders, buttons, progress bars, stat cards, and charts without writing custom CSS, with automatic light/dark mode support.
• Use Case: Instead of describing a budget allocation tool in text, create a dip with sliders for each expense category that shows the remaining budget in real time, letting the user adjust values and confirm with a single button click.

Quick Start

Ask the agent to create an inline interactive widget that lets you adjust a value with a slider and see the updated result instantly.