web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

1.75x

Quality

74%

Does it follow best practices?

Impact

93%

1.75x

Average score across 10 eval scenarios

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./resources/skills/web-artifacts-builder/SKILL.md

The canonical home for this skill is web-artifacts-builder in anthropics/skills

Preview

This is a new way to view eval results. We're still working on it, so the layout may change.

Run	Type	Date	Status
baseline Custom 8 months ago Failed	Custom	8 months ago	Failed
baseline Custom 8 months ago Failed	Custom	8 months ago	Failed
baseline vs usage-spec With / without context 8 months ago Completed	With / without context	8 months ago	Completed
baseline vs usage-spec With / without context 8 months ago Completed	With / without context	8 months ago	Completed

Eval run

019c67bd-518c-7129-b66d-0be43ca62834

Run 8 months ago

Stats are not available yet

The run is available. Its result stats will appear here when they are ready.

Repository: ThinkInAIXYZ/deepchat
Path: resources/skills/web-artifacts-builder/SKILL.md
Commit: 6b57eb7

Evaluated: 8 months ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Employee Directory Dashboard Personal Finance Tracker Landing Page Interactive Settings Panel Interactive Quiz Widget Task Management Board

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.