Agent skill · software engineering · secondsky
thesys-generative-ui
> Generate, modify, and style React components from natural language using the Thesys SDK. Guides schema-driven UI generation, theme customisation, tool calling integration, and deployment to Vite, Next.js, or Cloudflare Workers. Use when the user says "generate UI", "create a component", "build an interface", "Thesys", "generative UI", or asks to turn a description into a React component.
Why this skill is useful
Adds executable scripts for generating React components from natural language prompts, which the AI cannot generate on its own.
What it needs
Requires thesys installed locally. About 1k tokens when loaded. Last updated 2026-08-06. 204 stars on the source repository.
What this skill does
Thesys Generative UI Last Updated: 2025-11-10 Quick Start 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 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 Additional References references/component-api.md - Complete component prop reference references/ai-provider-setup.md - OpenAI, Anthropic, Cloudflare Workers AI setup references/tool-calling-guide.md - Tool calling patterns references/theme-customization.md - Theme system deep dive references/common-errors.md - Expanded error catalog Templates (15+ files) Vite + React: basic-chat.tsx, custom-component.tsx, tool-calling.tsx, theme-dark-mode.tsx Next.js: app/page.tsx, app/api/chat/route.ts, tool-calling-route.ts Cloudflare Workers: worker-backend.ts, frontend-setup.tsx Utilities: theme-config.ts, tool-schemas.ts, streaming-utils.ts Official Docs: https://docs.thesys.dev Playground: https://console.thesys.dev/playground
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills secondsky/thesys-generative-ui