Openui
This gives Claude the ability to help you build generative UI applications with OpenUI, a framework that lets LLMs output interfaces using OpenUI Lang instead of markdown or JSON. The core idea is simple: you define a component library with Zod schemas, generate a system prompt from it, and the LLM streams back a compact line-oriented language that renders progressively in React. It's up to 67% more token-efficient than JSON alternatives, which matters when you're streaming interfaces. The skill covers scaffolding new projects, defining components, wiring up the renderer, and debugging the language output. If you're building chat interfaces or any app where an LLM needs to generate structured UI on the fly, this is the pattern to know.
- skills.sh installs
- 1.3K
- GitHub stars
- 15K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add thesysdev/openui --skill openui --agent claude-codeInstalls into .claude/skills of the current project.
Files
This gives Claude the ability to help you build generative UI applications with OpenUI, a framework that lets LLMs output interfaces using OpenUI Lang instead of markdown or JSON. The core idea is simple: you define a component library with Zod schemas, generate a system prompt from it, and the LLM streams back a compact line-oriented language that renders progressively in React. It's up to 67% more token-efficient than JSON alternatives, which matters when you're streaming interfaces. The skill covers scaffolding new projects, defining components, wiring up the renderer, and debugging the language output. If you're building chat interfaces or any app where an LLM needs to generate structured UI on the fly, this is the pattern to know.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/thesysdev/openui
- Categories
- Frontend Development, AI & Agent Building, Debugging, Cloud & Infrastructure
- First seen
- Jun 3, 2026
Recommended
More Frontend Development
cro-optimizationognjengt/founder-skillsAnalyzes landing pages and provides detailed CRO (Conversion Rate Optimization) recommendations. Use when user provides a landing page URL or HTML/CSS code and 1.3Kskills.sh installs
seo-optimizerailabs-393/ai-labs-claude-skillsThis skill should be used when analyzing HTML/CSS websites for SEO optimization, fixing SEO issues, generating SEO reports, or implementing SEO best practices. 1.3Kskills.sh installs
roblox-guisentinelcore/roblox-skillsUse when building, animating, or debugging Roblox GUI elements including HUDs, menus, world-space UI, and player labels. Triggers on: ScreenGui setup, SurfaceGu1.3Kskills.sh installs
safe-action-formsnext-safe-action/skillsUse when integrating next-safe-action with forms -- react-hook-form adapter (useHookFormAction, useHookFormOptimisticAction, mapToHookFormErrors), native HTML f1.2Kskills.sh installs
modern-web-developmentmindrally/skillsModern web development best practices for TypeScript, Next.js 14, React Server Components, Supabase, GraphQL, and Tailwind CSS.1.2Kskills.sh installs
vite-flare-starterjezweb/claude-skillsScaffold a full-stack Cloudflare app from the vite-flare-starter template — React 19 + Hono + D1+Drizzle + better-auth + Tailwind v4+shadcn/ui + TanStack Query 1.2Kskills.sh installs