Skills
.Work. You
Rest

d6e-prompt-driven-ui

Official

Create structured JSON output for AI-powered UIs

Software Engineering#Zod schema#d6e#prompt-driven UI#JSON rendering#interactive modification
Authord6e-ai
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill designs prompt-driven UI for d6e-connected frontends, ensuring clear and structured JSON outputs from AI interactions for better user experience.

Core Features & Use Cases

  • JSON-Driven UIs: Produces JSON payloads for card, table, badge, and form rendering in frontends.
  • Strict Schema Parsing: Utilizes Zod for parsing and validating JSON output, with markdown fallbacks.
  • Revision Flows: Supports natural language message editing for revising AI-generated content.
  • Scenario Appending: Allows interactive addition of new behavior to prompts without base modifications.
  • Use Case: When creating prompts for a new app that requires structured output for rendering JSON cards and handling user revisions.

Quick Start

To start using the d6e-prompt-driven-ui skill, define your prompt rule with the required JSON structure and scenarios. For example, you can write a prompt like:

# AI Accounting — workspace prompt

你は経理アシスタントです。次の規則で応答してください。

...

Then, use the d6e-prompt-driven-ui command in your frontend application to parse and render the AI's output.

Dependency Matrix

Required Modules

zod

Components

scriptsreferencesassets

💻 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: d6e-prompt-driven-ui
Download link: https://github.com/d6e-ai/d6e-ai-keiri-example/archive/main.zip#d6e-prompt-driven-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.