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.

68

Quality

82%

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

65%

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

A tidy, well-structured index of composition rules that stays concise, but it functions as a hollow pointer: the rule files and AGENTS.md it defers to are absent from the bundle, and the body itself contains no executable examples.

Suggestions

Ship the referenced bundle files (rules/*.md and AGENTS.md) or inline a minimal executable code example per rule so the skill is actionable without missing dependencies.

Add an explicit navigation/usage workflow (e.g., identify category by priority → locate rule → read file → apply the incorrect/correct pattern) with a checkpoint confirming the rule file exists before relying on it.

Verify every path mentioned in the body (AGENTS.md, rules/architecture-avoid-boolean-props.md, rules/state-context-interface.md) resolves to a real file in the skill bundle.

DimensionReasoningScore

Conciseness

Lean index-style body that assumes Claude's competence — no basic React concept explanations — though the priority table and Quick Reference sections restate the same category list, introducing minor redundancy.

3 / 3

Actionability

Provides concrete pointers (named rules with prefixes and file paths) but no executable code or commands in the body itself, and the referenced rule files are not present in the bundle, leaving guidance incomplete.

2 / 3

Workflow Clarity

A loose navigation sequence (category → rule → file) is implied via 'How to Use', but there are no explicit checkpoints and the missing rule files break the intended flow.

2 / 3

Progressive Disclosure

The body is well organized with clearly signaled one-level-deep references to AGENTS.md and rules/*.md, but those files do not exist in the bundle, so the disclosure leads to dangling paths rather than loadable detail.

2 / 3

Total

9

/

12

Passed

Description

100%

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, third-person description that states concrete capabilities and provides explicit 'Use when'/'Triggers on' guidance with natural developer vocabulary. It cleanly answers what the skill does and when to invoke it.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs' plus 'compound components, render props, context providers' — rather than vague language.

3 / 3

Completeness

Explicitly answers both what ('React composition patterns that scale') and when ('Use when refactoring... Triggers on tasks involving...'), satisfying the 'Use when' trigger requirement.

3 / 3

Trigger Term Quality

Covers natural terms developers actually say — 'boolean prop proliferation', 'compound components', 'render props', 'context providers', 'reusable APIs', 'React 19' — with good breadth of variations.

3 / 3

Distinctiveness Conflict Risk

The combination of boolean prop proliferation, compound components, and render props carves a clear React composition niche with distinct triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

12

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

relative_links

Relative link issues: 1 missing

Warning

Total

15

/

16

Passed

Repository
calesthio/OpenMontage
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.