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.

80

1.19x
Quality

70%

Does it follow best practices?

Impact

100%

1.19x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/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 a concise, well-organized index of prioritized composition rules, but it is let down by absent bundle files and a lack of concrete code. As shipped, it points to detail that is not actually provided and offers little executable guidance on its own.

Suggestions

Ship the referenced rule files (rules/*.md and AGENTS.md) in the bundle, or inline a compact example per rule — currently the body points to detail files that do not exist, breaking progressive disclosure.

Add at least one concrete before/after code example in the body (e.g. refactoring a boolean-prop component into compound components) so the skill is actionable without the missing rule files.

Include a brief sequenced refactor workflow with a verification checkpoint (identify offending props → pick matching rule by priority → apply pattern → confirm the component still renders) to improve workflow clarity.

DimensionReasoningScore

Conciseness

Lean body that assumes Claude's competence — no padding about what React or composition is — with only minor redundancy: the 'When to Apply' list restates the description's triggers and the priority table plus Quick Reference both enumerate the same categories.

4 / 5

Actionability

Rule one-liners give directional do/don't guidance (e.g. 'Don't use forwardRef; use use() instead of useContext()'), but the body contains no executable code examples — all concrete pattern detail is deferred to rule files that are not present in the bundle.

3 / 5

Workflow Clarity

The priority table and Quick Reference provide a rough selection sequence, but there is no explicit sequenced refactor workflow with checkpoints for applying the patterns end-to-end.

3 / 5

Progressive Disclosure

The overview is well structured with clearly signaled one-level-deep references (rules/*.md, AGENTS.md), but those referenced files do not exist in the bundle, so the navigation dead-ends rather than delivering the detailed content.

3 / 5

Total

13

/

20

Passed

Description

83%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 well-crafted description that explicitly covers both capability and trigger conditions with natural, domain-specific keywords. It is specific and largely distinguishable, with only minor gaps in action concreteness and synonym coverage.

DimensionReasoningScore

Specificity

Names several concrete actions — 'refactoring components with boolean prop proliferation', 'building flexible component libraries', 'designing reusable APIs' — but the headline 'React composition patterns that scale' is slightly abstract, leaving minor gaps versus the comprehensive anchor.

4 / 5

Completeness

Clearly answers both what ('React composition patterns that scale') and when ('Use when refactoring…', 'Triggers on tasks involving compound components, render props, context providers…') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Strong natural developer terms ('compound components', 'render props', 'context providers', 'boolean prop proliferation', 'component architecture') that users would actually say, though a few synonyms (HOC, prop drilling) are absent.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear composition-patterns niche with distinctive triggers (compound components, render props, context providers), with only minor overlap risk against broad React best-practice skills.

4 / 5

Total

17

/

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.