CtrlK
BlogDocsLog inGet started
Tessl Logo

customizing-agent-native

How to configure, compose, or eject Agent-Native features into app-owned code. Use when overriding shared components or integrations, customizing a template, adding UI to chat or headless apps, or inspecting package source.

71

Quality

89%

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

88%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 high-quality, dense skill body: zero padding, concrete commands and code for the override ladder, and a dry-run/hash-gated eject workflow with explicit verification and feedback loops. The only refinements would be making the conformance snippet fully self-contained and splitting the component contract into a reference file.

DimensionReasoningScore

Conciseness

Every section is dense, product-specific knowledge Claude cannot already know (the override ladder, contract component lists, ejection manifest rules), written as lean imperative rules with no padding and no explanation of known concepts (React, styling runtimes are only named as options). It matches anchor 5: every token earns its place.

5 / 5

Actionability

Mostly copy-paste ready: the eject CLI block with flags, the `rg`/`pnpm action` search commands, and the complete `defineDesignSystem` registration example. It falls between anchors 4 and 5 because the conformance-kit snippet passes an undefined `components` binding ("components," in assertDesignSystemConformance) without the import that would make it run — a minor gap, so 4 rather than 5.

4 / 5

Workflow Clarity

The multi-step override ladder is explicitly sequenced (steps 1–6), and the eject workflow has full validation checkpoints: dry-run by default that prints "verification commands", gated `--apply`, hash-gated restore that "refuses to remove locally edited files... and prints their diff", an After Ejecting checklist ("Run the manifest verification commands plus the app's formatter, typecheck, and focused tests"), and feedback loops via `eject diff` to distinguish drift. Destructive/batch operations are validated, so no cap applies.

5 / 5

Progressive Disclosure

No bundle files exist, and the single 220-line file is cleanly sectioned with a useful Related Skills list, making navigation easy. It is not 5 because content that could live one level deep — the full 17-component contract listing and the conformance-kit details — is inlined in SKILL.md rather than split into a reference file; that fits anchor 4 ('most content is appropriately placed; minor organization gaps').

4 / 5

Total

18

/

20

Passed

Description

88%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 actions, explicit 'Use when' triggers, and a clearly named niche. The only weakness is that design-system/company-component registration — the largest section of the body — lacks a natural trigger keyword, and source-inspection slightly overlaps a sibling skill.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — "configure, compose, or eject Agent-Native features into app-owned code" — plus supporting actions ("overriding shared components or integrations", "customizing a template", "adding UI to chat or headless apps", "inspecting package source"), comprehensively covering the skill's scope. It clearly matches anchor 5 rather than 4 because the action list covers the skill's full surface, not just several actions with gaps.

5 / 5

Completeness

It explicitly answers both parts: what ("configure, compose, or eject Agent-Native features into app-owned code") and when ("Use when overriding shared components or integrations, customizing a template, adding UI to chat or headless apps, or inspecting package source") with concrete trigger phrases. This is a direct match for anchor 5.

5 / 5

Trigger Term Quality

Good natural-phrase coverage: "customizing a template", "adding UI to chat", "overriding shared components", "inspecting package source" are phrases a user would plausibly say. Not 5 because a central trigger concept from the body — "design system" / company-component registration (e.g., 'use our MUI/brand components') — is absent as a keyword; not 3 because coverage is well beyond 'some relevant keywords'.

4 / 5

Distinctiveness Conflict Risk

"Agent-Native" names a clear niche with distinct triggers (eject, chat/headless apps), but "inspecting package source" overlaps with the related `agent-native-docs` skill ("version-matched docs and source lookup"), giving minor overlap risk with a closely related skill — anchor 4.

4 / 5

Total

18

/

20

Passed

Validation

81%

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

Validation — 13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

13

/

16

Passed

Repository
BuilderIO/agent-native
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.