AI-powered generative UI with Thesys - create React components from natural language.
Install with Tessl CLI
npx tessl i github:secondsky/claude-skills --skill thesys-generative-ui68
Quality
52%
Does it follow best practices?
Impact
96%
1.41xAverage score across 3 eval scenarios
Optimize this skill with Tessl
npx tessl skill review --optimize ./plugins/thesys-generative-ui/skills/thesys-generative-ui/SKILL.mdStreaming API backend setup
TheSys base URL
90%
100%
THESYS_API_KEY usage
100%
100%
Stable versioned model ID
50%
100%
stream: true enabled
100%
100%
transformStream import
100%
100%
Empty string fallback
0%
100%
Content-Type header
100%
100%
Cache-Control header
100%
100%
Connection header
100%
100%
System prompt first
100%
100%
No deprecated model
100%
100%
Without context: $0.3608 · 2m 2s · 16 turns · 483 in / 3,593 out tokens
With context: $0.3604 · 1m 7s · 18 turns · 114 in / 3,443 out tokens
Tool calling with Zod schemas
Zod schema usage
100%
100%
describe() on fields
100%
100%
zodToJsonSchema import
100%
100%
zodToJsonSchema conversion
100%
100%
type: 'function' const
85%
100%
runTools method
100%
100%
toolChoice auto
0%
100%
Zod argument validation
100%
100%
ZodError handling
0%
100%
TheSys base URL
100%
100%
Versioned model ID
100%
100%
Without context: $0.9482 · 3m 57s · 42 turns · 355 in / 6,930 out tokens
With context: $0.6086 · 1m 33s · 25 turns · 71 in / 4,767 out tokens
React frontend component setup
ThemeProvider wraps C1
100%
100%
ThemeProvider import source
100%
100%
CSS import order
0%
100%
genui-sdk version
0%
100%
react-ui version
0%
100%
react-core version
50%
100%
Bun install command
0%
0%
isStreaming prop
0%
100%
updateMessage callback
0%
100%
theme prop passed
100%
100%
C1 component from genui-sdk
100%
100%
Without context: $0.6071 · 3m 13s · 27 turns · 24 in / 5,622 out tokens
With context: $0.4735 · 1m 29s · 21 turns · 975 in / 4,709 out tokens
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.