promptui
CommunityTurn PromptUI DSL text into production React/Vue UI instantly.
AuthorMartinLilt
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill eliminates the risk of LLMs hallucinating invalid UI component names, props, and markup when generating frontend code, ensuring all output is anchored to a validated, predefined component catalog and compiles to type-safe React or Vue components.
Core Features & Use Cases
- Validated DSL Authoring: Teaches Claude the complete PromptUI syntax, including 114 registered component use-paths, directive rules, sub-part relationships, and variant constraints to produce error-free .promptui files.
- Multi-Target Compilation: Supports compiling .promptui files to production-ready React JSX or Vue SFCs with automatic import resolution, type inference, and support for bindings, conditionals, loops, and localization.
- Workflow Integration: Includes guidance for using the PromptUI CLI, Vite plugin, and programmatic API, plus debugging parse errors, resolving compiler warnings, and extending the component library.
Quick Start
Use the promptui skill to build a responsive pricing page with a card layout, plan iteration, and pricing details, then compile it to a typed React component file ready for use in a Vite or Next.js project.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: promptui Download link: https://github.com/MartinLilt/promptui/archive/main.zip#promptui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 536,000+ vetted skills library on demand.