skills.rest
OpenMinis
OpenMinisOFFICIAL
Explore all skills by this author →
GitHub

generative-ui-minis

Convert natural language descriptions into structured specs and single-file HTML artifacts.

361|58|Updated Mar 1, 2026
Search Tags:#ui#html#visualization#prototype#generate#artifact#minis
One-click install
npx skills add https://github.com/OpenMinis/MinisSkills --skill generative-ui-minis-openminis
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: generative-ui-minis
Source: https://github.com/OpenMinis/MinisSkills/tree/main/generative-ui-minis
Command: npx skills add https://github.com/OpenMinis/MinisSkills --skill generative-ui-minis-openminis

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

In Minis, users need a fast path from natural-language prompts to structured, Claude Artifact‑style HTML prototypes. This skill automatically converts descriptive text into a structured spec and a self-contained artifact that can be previewed, saved, and iterated within Minis.

Core Features & Use Cases

  • Transform text into a structured spec with components like cards, tables, timelines, code blocks, and charts.
  • Render a single-file HTML artifact that can be previewed in Minis and saved to the workspace.
  • Load optional resources from scripts, references, and assets on demand to extend functionality.

Quick Start

输入一个描述性提示，生成一个可在 Minis 中查看的 Claude Artifact 风格 HTML 原型。

Frequently Asked Questions about generative-ui-minis

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

FAQPage Schema
How do I convert natural language descriptions into HTML prototypes?▼

To convert natural language descriptions into HTML prototypes, input a text prompt and the skill generates a structured specification alongside a self-contained single-file HTML artifact for immediate preview.

What types of UI components can I generate from text prompts?▼

You can generate UI components from text prompts including cards, tables, timelines, code blocks, and charts, which are rendered as Claude Artifact-style HTML visualizations within the Minis workspace.

Can I generate a JSON spec for later refinement of my HTML artifact?▼

Yes, you can optionally emit a JSON spec during the text-to-HTML conversion process, providing a structured format that enables later refinement of the generated artifact components.

Does this tool work without external dependencies for rendering visualizations?▼

The tool works without external dependencies for rendering visualizations, producing a fully self-contained single-file HTML artifact that can be previewed and shared directly within the Minis environment.

What is the best way to create shareable HTML artifacts from text in Minis?▼

The best way to create shareable HTML artifacts from text in Minis is submitting a descriptive prompt, which the skill processes into a structured spec and saves as a previewable single-file HTML artifact in the workspace.

Are there limitations when generating single-file HTML from natural language input?▼

A limitation when generating single-file HTML is that the output is constrained to supported visual components like cards, tables, timelines, and charts, requiring clear descriptive text for accurate structured spec generation.

Related Skills

Explore More Design & Creative Skills→
timequitytimequity
6

ui-generator

Generate React/Next.js UI components with Tailwind CSS from natural language descriptions.

Official
Intermediate
liueggyliueggy
1

generative-ui-minis

Generate Claude Artifact-style HTML prototypes with cards, tables, timelines, code blocks, and charts from structured user instructions.

Community
Intermediate
AvaTar-ArTsAvaTar-ArTs

playground

Generates single-file interactive HTML playgrounds with live previews and copyable prompt output.

Community
Intermediate
suhwansuhwan

phase-3-mockup

Generate HTML/CSS/JS mockups with a Next.js conversion plan.

Community
Advanced