CtrlK
BlogDocsLog inGet started
Tessl Logo

thesys-generative-ui

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-ui
What are skills?

68

1.41x

Quality

52%

Does it follow best practices?

Impact

96%

1.41x

Average score across 3 eval scenarios

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/thesys-generative-ui/skills/thesys-generative-ui/SKILL.md
SKILL.md
Review
Evals

Evaluation results

100%

16%

AI Customer Support Chat Backend

Streaming API backend setup

Criteria
Without context
With context

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

100%

19%

AI Product Search and Order Assistant

Tool calling with Zod schemas

Criteria
Without context
With context

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

90%

50%

Generative UI Dashboard for Analytics Platform

React frontend component setup

Criteria
Without context
With context

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

Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

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.