CtrlK
BlogDocsLog inGet started
Tessl Logo

ui-design

Design and review Epicenter interfaces while collapsing local UI primitives into the shared component system. Use when co-designing, exploring comparable apps, turning a feature idea into Svelte UI, or changing `packages/ui`, not for a tiny CSS repair.

70

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

85%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

Well-structured instruction-only skill: lean overview, a sequenced workflow with explicit browser-verification and pre-flight checkpoints, conditional escalation rules, and clean one-level-deep reference routing. The only ceiling is actionability, where the sharpest mechanics are delegated to reference files rather than shown inline.

DimensionReasoningScore

Conciseness

The body is dense and imperative with no tutorial padding — no explanation of what Svelte, Tailwind, or component systems are. The opening paragraph partially restates the frontmatter description and a few abstract formulations ('Refuse the incidental visual promise') could be tightened, which keeps it at 'efficient; minor instances that could be trimmed' rather than 'every token earns its place'.

4 / 5

Actionability

An instruction-only skill with concrete guidance: a 7-step Canonical Path, a fill-in 'design read' template, a four-question collapse checklist, named delegation targets (styling, svelte, tanstack-table, writing-voice), and an exact URL to fetch for audits. It stops short of fully executable, copy-paste-ready specifics (the pre-flight and collapse mechanics live in reference files), so it fits 'mostly executable guidance with minor gaps'.

4 / 5

Workflow Clarity

The Canonical Path is a clearly sequenced 7-step workflow with explicit validation checkpoints — 'Verify visible, responsive, and interactive results in the browser' (step 6) and 'Run UI pre-flight before final handoff' (step 7) — plus conditional guidance on when to escalate to the user or the asymmetric-wins skill. No destructive/batch cap applies; this matches the anchor-5 pattern of explicit validation steps and checklists.

5 / 5

Progressive Disclosure

The body is a ~124-line overview with a dedicated References section where each of the five real reference files (all present in references/) is signaled with a 'Read X when Y' condition, and one file routes onward to the authoritative packages/ui guide. Reference files stay one level deep (their outward links point to sibling skills, not nested detail), matching the anchor-5 pattern of well-signaled, one-level-deep references.

5 / 5

Total

18

/

20

Passed

Description

87%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

A strong description: concrete capabilities, explicit what-and-when with multiple natural trigger phrases, and an explicit negative boundary that reduces mis-triggering. Only minor gains available from adding a few more trigger synonyms.

DimensionReasoningScore

Specificity

Names concrete actions — 'Design and review Epicenter interfaces', 'collapsing local UI primitives into the shared component system' — plus the target artifact '@epicenter/ui'. It lists several specific actions with minor gaps in coverage (e.g., the co-design/direction-exploration work mentioned in triggers is not mirrored as a capability), so 4 rather than the comprehensive 5 or the thinner 3.

4 / 5

Completeness

It explicitly answers both questions: what ('Design and review Epicenter interfaces while collapsing local UI primitives into the shared component system') and when, with four concrete trigger phrases and an explicit exclusion. This matches the anchor-5 example structure; it is not the anchor-4 case because the 'when' is fully explicit, not just present.

5 / 5

Trigger Term Quality

'Use when co-designing, exploring comparable apps, turning a feature idea into Svelte UI, or changing `packages/ui`' gives good natural-phrase coverage plus a negative trigger ('not for a tiny CSS repair'). A few common variations are missing (e.g., 'redesign', 'component library', 'design system'), so it sits between the good (4) and comprehensive (5) anchors.

4 / 5

Distinctiveness Conflict Risk

The 'Epicenter' / '@epicenter/ui' / 'packages/ui' scoping carves a clear niche, and 'not for a tiny CSS repair' actively prevents overlap with a generic styling skill. Minimal conflict risk; the anchor-4 'minor overlap risk' does not apply because triggers are domain-specific.

5 / 5

Total

18

/

20

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 1 suspicious

Warning

Total

15

/

16

Passed

Repository
EpicenterHQ/epicenter
Reviewed

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.