From thesys-generative-ui
Generates, modifies, and styles React components from natural language using Thesys SDK. Supports schema-driven UI, theme customization, tool calling, and deployment to Vite, Next.js, or Cloudflare Workers.
npx claudepluginhub secondsky/claude-skills --plugin thesys-generative-uiThis skill uses the workspace's default tool permissions.
**Last Updated**: 2025-11-10
references/ai-provider-setup.mdreferences/common-errors.mdreferences/component-api.mdreferences/error-catalog.mdreferences/integration-guide.mdreferences/tool-calling.mdreferences/use-cases-examples.mdreferences/what-is-thesys.mdscripts/check-versions.shscripts/install-dependencies.shtemplates/basic-usage.tsxtemplates/cloudflare-workers/frontend-setup.tsxtemplates/cloudflare-workers/worker-backend.tstemplates/cloudflare-workers/wrangler.jsonctemplates/nextjs/api-chat-route.tstemplates/nextjs/app-page.tsxtemplates/nextjs/package.jsontemplates/nextjs/tool-calling-route.tstemplates/python-backend/README.mdtemplates/python-backend/fastapi-chat.pyGenerates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Last Updated: 2025-11-10
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>;
}
const form = await generateUI({
prompt: 'Create a contact form with name, email, and message fields',
theme: 'modern'
});
references/what-is-thesys.md - What is TheSys C1, success metrics, getting startedreferences/use-cases-examples.md - When to use, 12 errors prevented, all templates catalogreferences/tool-calling.md - Complete tool calling guide with Zod schemasreferences/integration-guide.md - Complete setup for Vite, Next.js, Cloudflare Workersreferences/component-api.md - Complete component prop referencereferences/ai-provider-setup.md - OpenAI, Anthropic, Cloudflare Workers AI setupreferences/tool-calling-guide.md - Tool calling patternsreferences/theme-customization.md - Theme system deep divereferences/common-errors.md - Expanded error catalogbasic-chat.tsx, custom-component.tsx, tool-calling.tsx, theme-dark-mode.tsxapp/page.tsx, app/api/chat/route.ts, tool-calling-route.tsworker-backend.ts, frontend-setup.tsxtheme-config.ts, tool-schemas.ts, streaming-utils.tsOfficial Docs: https://docs.thesys.dev | Playground: https://console.thesys.dev/playground