frontend-design

Build web interfaces with genuine design quality, not AI slop. Use for any frontend work - landing pages, web apps, dashboards, admin panels, components, interactive experiences. Activates for both greenfield builds and modifications to existing applications. Detects existing design systems and respects them. Covers composition, typography, color, motion, and copy. Verifies results via screenshots before declaring done.

1.10x

Quality

79%

Does it follow best practices?

Impact

96%

1.10x

Average score across 1 eval scenario

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 29 days ago Completed	With / without context	29 days ago	Completed

Eval run

01a05f71-73b0-71ec-abce-5c903faf2b96

Run 29 days ago

Stats are not available yet

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

Repository: udecode/plate
Path: .agents/skills/frontend-design/SKILL.md
Commit: babb3c2

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

Table of Contents

Landing Page for Depot

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.