Thesys Generative Ui

This lets Claude generate React components from natural language descriptions using the Thesys SDK. You get schema-driven UI generation with type safety, theming support, and templates for Vite, Next.js, and Cloudflare Workers deployments. It's built around tool calling patterns with Zod schemas and includes streaming utilities. The documentation is thorough with 15+ template files covering chat interfaces, custom components, and dark mode themes. Best for prototyping interfaces quickly or building AI-powered UI generation into your app. The schema-driven approach keeps things predictable, though you'll still want to review generated components before shipping them.

skills.sh installs: 384
GitHub stars: 248
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add secondsky/claude-skills --skill thesys-generative-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

Thesys Generative UI

Last Updated: 2025-11-10

Quick Start

import { generateUI } from 'thesys';

const ui = await generateUI({
  prompt: 'Create a user profile card with avatar, name, and email',
  schema: {
    type: 'component',
    props: ['name', 'email', 'avatar']
  }
});

export default function Profile() {
  return <div>{ui}</div>;
}

Core Features

Natural Language: Describe UI in plain English
Schema-Driven: Type-safe component generation
React Components: Generate production-ready components
AI-Powered: Uses LLMs for intelligent design

Example

const form = await generateUI({
  prompt: 'Create a contact form with name, email, and message fields',
  theme: 'modern'
});

Resources

Core Documentation

references/what-is-thesys.md - What is TheSys C1, success metrics, getting started
references/use-cases-examples.md - When to use, 12 errors prevented, all templates catalog
references/tool-calling.md - Complete tool calling guide with Zod schemas
references/integration-guide.md - Complete setup for Vite, Next.js, Cloudflare Workers

SKILL.md on GitHub