CtrlK
BlogDocsLog inGet started
Tessl Logo

shopify-apps

Modern Shopify app template with React Router

39

Quality

38%

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 ./plugins/AI-Agents-Safe-Coding-Skills-claude/skills/shopify-apps/SKILL.md

The canonical home for this skill is shopify-apps in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

36%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 structured into sensible sections but is mostly hollow: anti-patterns have no explanation, the Sharp Edges table is broken with placeholder "Issue" cells and header-as-solution text, and the "When to Use" line is a generic non-statement. It reads as an unfinished outline rather than actionable guidance.

Suggestions

Fill the Anti-Patterns sections with the reasoning behind each anti-pattern (e.g. why REST is discouraged for new apps) and link to the recommended GraphQL approach.

Rebuild the Sharp Edges table with real issue names in the first column, kept severity values, and concrete solution text (not bare markdown headers) in the third column.

Add executable snippets for the key patterns — a minimal App Bridge initialization and an HMAC verification block for webhooks — so the guidance is copy-paste ready.

DimensionReasoningScore

Conciseness

The body is short and avoids padded explanations, but much of it is placeholder noise (every Sharp Edges "Issue" cell literally reads "Issue" and solutions are bare headers), so it respects the token budget without every token earning its place.

3 / 5

Actionability

No executable code or commands appear anywhere; patterns like "Render app embedded in Shopify Admin" and "Secure webhook processing with HMAC verification" only describe rather than instruct, fitting the "minimal concrete guidance; high-level hints" anchor.

2 / 5

Workflow Clarity

There is no sequenced multi-step workflow and no validation checkpoints; only rough fragments of process advice (e.g. "Respond immediately, process asynchronously") appear in the malformed Sharp Edges table, matching the "rough sequence present but many gaps; validation absent" anchor.

2 / 5

Progressive Disclosure

Section headers (Patterns, Anti-Patterns, Sharp Edges, When to Use) provide some structure and there are no bundle files to misfile, but the Sharp Edges table is malformed and Anti-Patterns sections are empty, so organization is only partially effective.

3 / 5

Total

10

/

20

Passed

Description

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

The description is short and niche-scoped but purely descriptive: it states what the skill is rather than what it does, and it omits any explicit trigger guidance for when Claude should invoke it. Adding concrete actions and a "Use when..." clause would lift both completeness and specificity.

Suggestions

Replace the static "Modern Shopify app template with React Router" framing with concrete actions, e.g. "Scaffolds and configures embedded Shopify apps with React Router, App Bridge, and webhook handlers."

Append an explicit trigger clause: "Use when building or configuring a Shopify app, integrating App Bridge, or setting up Shopify webhooks."

Add natural synonyms and variations ("Shopify Admin app", "Shopify App Bridge", "Shopify webhooks") to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

The phrase "Modern Shopify app template with React Router" names the domain (Shopify apps) and one concrete technology but lists no concrete actions or verbs describing what the skill does, fitting the "names the domain but actions are minimal or generic" anchor.

2 / 5

Completeness

It offers only a vague "what" ("app template with React Router") and entirely lacks any "when"/"Use when" trigger guidance, fitting the "vague what and no when" anchor; the missing trigger clause also caps completeness per the rubric guidelines.

2 / 5

Trigger Term Quality

"Shopify app" and "React Router" are reasonably natural terms a user might say, but only two keywords are present with no synonyms, variations, or file extensions, matching the "some relevant keywords but missing common variations" anchor.

3 / 5

Distinctiveness Conflict Risk

The Shopify-app-with-React-Router framing carves a clear niche unlikely to trigger unrelated skills, with only minor overlap risk against other Shopify-focused skills, matching the "mostly distinct; minor overlap risk" anchor.

4 / 5

Total

11

/

20

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

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.