CtrlK
BlogDocsLog inGet started
Tessl Logo

mobile-shadcn-conventions

How the Agenta mobile app (web/mobile) installs and extends shadcn/ui registry components, themes them via the palette token bridge, and uses Vercel AI Elements. Use when adding UI components under web/mobile, changing theme colors, editing components.json or globals.css, or building chat UI with AI Elements.

72

Quality

90%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

93%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.

A lean, highly actionable conventions skill that gives exact commands and file paths, assumes Claude's competence, and is well-structured into navigable sections. The only gap is the absence of an explicit validate/retry feedback loop in the theme-generation workflow.

DimensionReasoningScore

Conciseness

The body is dense and assumes Claude's knowledge of shadcn/Tailwind without re-explaining them; every line carries a concrete path, command, or non-obvious gotcha (e.g. "Tailwind v4 silently generates nothing for unmapped tokens"), with no padded concept explanations.

5 / 5

Actionability

Provides copy-paste-ready commands ("pnpm dlx shadcn@latest add <component>", "pnpm --filter @agenta/mobile generate:tokens"), exact file paths, and a concrete decision branch (edit palette.ts vs. the ROLE MAP), covering the common install/theme cases.

5 / 5

Workflow Clarity

Sub-workflows are sequenced (install -> commit manifest+lockfile; theme: edit -> generate:tokens -> commit) with a verification checkpoint ("Both themes must be checked for every new surface"), but there is no explicit validate->fix->retry feedback loop, so it falls short of a 5.

4 / 5

Progressive Disclosure

No bundle files are present and none are needed; the ~52-line body is organized into clearly headed sections (Installing, Theming, Extending, AI Elements) with all content appropriately inline and easy to navigate, satisfying the simple-skill exception for well-organized single-file skills.

5 / 5

Total

19

/

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 specific, well-scoped description that clearly states both what the skill covers and when to invoke it, using third-person voice and concrete codebase triggers. Trigger-term coverage is strong but could add a few more natural synonyms to reach the top level.

DimensionReasoningScore

Specificity

Names the domain and lists three concrete actions ("installs and extends shadcn/ui registry components", "themes them via the palette token bridge", "uses Vercel AI Elements"), but the actions stay somewhat high-level rather than fully enumerated, so it sits below a 5 and clearly above the 1-2 actions of a 3.

4 / 5

Completeness

Explicitly answers what (installs/extends/themes/uses) and when via a concrete "Use when adding UI components ... changing theme colors ... editing components.json or globals.css ... building chat UI with AI Elements" clause, matching the anchor for both what and when.

5 / 5

Trigger Term Quality

Includes natural user-facing phrases ("adding UI components", "changing theme colors", "building chat UI") plus concrete file names (components.json, globals.css) acting as anchors; a few common synonyms/variations are missing, keeping it just short of comprehensive 5-level coverage.

4 / 5

Distinctiveness Conflict Risk

Scoped to "Agenta mobile app (web/mobile)" with project-specific tokens (palette token bridge, Vercel AI Elements, components.json/globals.css), giving it a clear niche with minimal overlap against other skills.

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 2 missing

Warning

Total

15

/

16

Passed

Repository
Agenta-AI/agenta
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.