frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

0.98x

Quality

74%

Does it follow best practices?

Impact

66%

0.98x

Average score across 3 eval scenarios

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/frontend-design/SKILL.md

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 vs usage-spec With / without context 16 days ago Completed	With / without context	16 days ago	Completed

Eval run

01a0a28a-a02d-726a-8050-b02cc825ffdd

Run 16 days ago

Stats are not available yet

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

Repository: openstatusHQ/data-table-filters
Path: .agents/skills/frontend-design/SKILL.md
Commit: 8360195

Evaluated: 16 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Ember & Thorn — Brand Launch Landing Page Build a Team Showcase Component for Stray Pixel Studio Form & Function Summit — Conference Poster Page

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.