CtrlK
BlogDocsLog inGet started
Tessl Logo

visual-edit

Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff. Use when the user asks to inspect, share, or edit a real local app in Design.

66

Quality

83%

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

The canonical home for this skill is visual-edit in BuilderIO/skills

SKILL.md
Quality
Evals
Security

Quality

Content

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

Highly actionable content with excellent workflow sequencing, explicit validation checkpoints, and copy-paste-ready code across all paths. Its weaknesses are redundancy (several rules restated across sections) and a monolithic structure that inlines deep reference material instead of splitting it into one-level-deep bundle files.

Suggestions

Deduplicate repeated guidance — state each rule once in its canonical section (canvas frame limits, 'never run pnpm action', AUTH_DISABLED/sign-in handling) and cross-reference it elsewhere instead of restating it.

Split deep reference material into bundle files under references/ (e.g., React source writeback rules, WebMCP page-world API details, account/sharing model), keeping SKILL.md a lean overview with clearly signaled one-level-deep links.

Consolidate the bridge-token lifecycle (server-minted adoption, fresh signed-out local generation, reuse without token) into a single section rather than distributing it across 'Browser WebMCP', 'Required Local Bridge', and 'Action Flow'.

DimensionReasoningScore

Conciseness

The body is dense with non-obvious operational knowledge Claude would not already know, but contains several duplicated passages: canvas frame limits are stated twice in consecutive paragraphs of "Useful Canvas Sets", the bridge-token lifecycle is restated across "Browser WebMCP", "Required Local Bridge", and "Action Flow", and "never run pnpm action" appears twice. Mostly efficient with clear tightening opportunities, matching anchor 3 rather than anchor 4's 'minor instances'.

3 / 5

Actionability

Guidance is copy-paste ready: executable bash for token generation, bridge daemon startup, and pending pull; complete JS for both the page helper and standard WebMCP paths; concrete JSON payloads with named tool arguments and exact fallback ordering. The NAME/ARGS snippet is a justified fill-in pattern for arbitrary tool calls, not a gap, so it holds anchor 5.

5 / 5

Workflow Clarity

Explicitly numbered bridge steps with the "only ordering that works" callout, a pull → apply → acknowledge(revision) → pull-again feedback loop, version-conflict re-read recovery for writes, and a dedicated verification checklist (URL responds, src vs srcdoc, screenCount, /health probe). Validation checkpoints are explicit with error-state semantics (pending/session-ended/unknown), matching anchor 5 rather than anchor 4's 'minor validation gaps'.

5 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are absent), so everything ships inline in a ~600-line SKILL.md. Section headers are clear and one external README link is well signaled, but content that belongs in separate reference files (WebMCP page-world API details, React source writeback rules, account/sharing model) is all inlined — matching anchor 3's 'content that should be separate is inline' rather than anchor 4's appropriately split structure.

3 / 5

Total

16

/

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 strong description: third-person voice, explicit and specific 'Use when' triggers, several concrete capabilities, and a distinctive niche. The only weaknesses are a few missing natural synonyms and minor capability gaps, which keep trigger term quality and specificity just below the top anchors.

DimensionReasoningScore

Specificity

"Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff" lists several concrete actions (open, edit, share previews, hand off edits to source). It is not 5 because coverage has minor gaps (e.g., viewport/responsive placement and pending-edit application are not surfaced), and not 3 because it goes beyond 1-2 actions.

4 / 5

Completeness

It explicitly answers both: what ("Open and collaboratively edit a running local app in Design, with shared fallback previews and source handoff") and when ("Use when the user asks to inspect, share, or edit a real local app in Design") with concrete trigger phrases. The 'when' clause is explicit and specific, so it exceeds anchor 4's "could be more explicit" framing.

5 / 5

Trigger Term Quality

"Use when the user asks to inspect, share, or edit a real local app in Design" includes natural user verbs (inspect, share, edit), but misses common variations like "preview", "visual edit", "localhost", or "running app". Good coverage, a few natural synonyms missing — matches anchor 4 rather than the comprehensive synonym coverage of anchor 5.

4 / 5

Distinctiveness Conflict Risk

"Running local app in Design" carves a clear niche tied to a specific editor, minimizing conflict risk. Minor overlap remains with generic run/preview-the-app skills ("inspect... a real local app" could also match a screenshot/run request), matching anchor 4's minor overlap with closely related skills rather than anchor 5's minimal risk.

4 / 5

Total

17

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (609 lines); consider splitting into references/ and linking

Warning

metadata_version

'metadata.version' is missing

Warning

Total

14

/

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.