CtrlK
BlogDocsLog inGet started
Tessl Logo

vercel-composition-patterns

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

62

Quality

72%

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

Fix and improve this skill with Tessl

tessl review fix ./.agent/skills/vercel-composition-patterns/SKILL.md

The canonical home for this skill is vercel-composition-patterns in vercel-labs/agent-skills

SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is an efficiently organized rule catalog with clear priority ordering and concise per-rule summaries, but it functions as an index to detail files that are absent from the bundle, leaving it without executable examples and with a broken progressive-disclosure chain.

Suggestions

Ship the referenced rule files under rules/ (e.g. rules/architecture-avoid-boolean-props.md) and the AGENTS.md compiled guide, or inline the most important incorrect/correct code examples directly into SKILL.md so the skill is self-contained.

Add at least one concrete incorrect→correct code example inline for the top-priority rule (architecture-avoid-boolean-props) so the body is actionable even when the rule files are unavailable.

If the rule files are intentionally external, mark the references as optional or note where they live, so an agent does not search for files that are not part of the bundle.

DimensionReasoningScore

Conciseness

The body is a lean rule index with a priority table and one-line rule descriptions that assumes Claude's competence and avoids explaining basic React concepts; minor trimming opportunities exist in the intro's closing sentence and the "When to Apply" list, which partially restates the description.

4 / 5

Actionability

Rule entries give concrete directional principles ("Don't add boolean props... use composition", "Use children for composition instead of renderX props") but the body contains no executable code or commands, deferring all examples to rule files — and those referenced detail files are not present in the bundle, so the actionable detail is unreachable.

3 / 5

Workflow Clarity

A priority table and "How to Use" section imply a consultation order (consult rules by priority, read the relevant file, apply the incorrect→correct pattern), but there is no explicitly sequenced workflow; this is a reference catalog rather than a procedural skill, so the implied process is acceptable but loosely defined.

3 / 5

Progressive Disclosure

SKILL.md itself is well-organized with clearly signaled, one-level-deep references ("Read individual rule files", "For the complete guide... AGENTS.md"), but the referenced files (rules/*.md and AGENTS.md) do not exist in the bundle, so the disclosure chain is broken — the overview points to a detail layer that is not shipped.

3 / 5

Total

13

/

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, well-structured description that explicitly covers both capability and trigger conditions with concrete, domain-appropriate language. The main limitation is that the named actions are scenario-oriented rather than operation-oriented, and a few natural synonyms are missing.

DimensionReasoningScore

Specificity

Names the domain and several concrete task types — "refactoring components with boolean prop proliferation", "building flexible component libraries", "designing reusable component APIs" — but these are scenarios rather than discrete operations, leaving minor coverage gaps versus the comprehensive-actions anchor at 5.

4 / 5

Completeness

Clearly answers both what ("React composition patterns that scale") and when, with two explicit trigger clauses ("Use when..." and "Triggers on tasks involving...") and concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

Good coverage of natural developer terms ("compound components", "render props", "context providers", "boolean prop proliferation") with an explicit "Triggers on tasks involving..." clause, though a few common variants like "prop drilling" are absent.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (React composition/component architecture) with distinctive triggers (compound components, render props, context providers, boolean prop proliferation) and minimal overlap risk with unrelated skills.

5 / 5

Total

18

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
Draculabo/AntigravityManager
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.