CtrlK
BlogDocsLog inGet started
Tessl Logo

argon-router

Integrate and use argon-router in React web applications with Effector. Use when tasks involve creating routes and routers, wiring RouterControls/history adapters, composing routes with chainRoute/group/createVirtualRoute, rendering views with RouterProvider/createRoutesView/Outlet, building links with Link/useLink, and managing URL query state with trackQuery and @argon-router/paths.

67

Quality

80%

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 ./skills/argon-router/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

67%Scale 1-5

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

This is a well-structured skill that provides clear workflow ordering, sensible defaults, and specific guardrails for argon-router integration. Its main weakness is the complete absence of executable code examples—for a routing library integration skill, at least a minimal route definition + router setup snippet would significantly improve actionability. The progressive disclosure design is strong in concept but unverifiable without bundle files.

Suggestions

Add at least one complete, executable code example showing the minimal happy path: defining a route, creating router controls, initializing history, and rendering with RouterProvider + createRoutesView.

Add a second code snippet in the Guardrails section demonstrating the SSR/testing initialization pattern with allSettled, since this is a common error-prone scenario.

Include the bundle reference files (especially references/examples.md and references/checklist.md) so the progressive disclosure structure is verifiable and functional.

DimensionReasoningScore

Conciseness

The content is generally efficient and avoids explaining basic concepts Claude already knows. There's some minor verbosity in the workflow classification step and the reference-loading list, but most tokens earn their place by providing specific, non-obvious guidance about argon-router's API and patterns.

4 / 5

Actionability

The skill provides specific API names, method signatures, and ordering guidance (e.g., 'Initialize controls with setHistory before expecting route activation'), but lacks any executable code examples. For a routing library skill, concrete code snippets showing route definition, router creation, and view wiring would significantly improve actionability. The guidance is specific but remains at the instruction level rather than copy-paste ready.

3 / 5

Workflow Clarity

The workflow is clearly sequenced with a logical build order (define routes → create controls → create router → wire views → add links → add query trackers → add composition). The guardrails section provides implicit validation checkpoints (e.g., ensuring history is initialized before activation, ensuring routes are registered). However, explicit validation steps and error recovery feedback loops are mostly absent—the reference to 'checklist.md' at the end partially addresses this but the checklist content isn't available.

4 / 5

Progressive Disclosure

The skill demonstrates excellent progressive disclosure design with 10+ clearly signaled reference files organized by concern (core-routing, react-web, paths-dsl, query-tracking, etc.), with clear guidance on when to load each. However, no bundle files were provided, so we cannot verify these references actually exist. The conditional loading pattern ('Add X when Y') is well-structured and one-level deep.

4 / 5

Total

15

/

20

Passed

Description

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

This is a strong skill description that clearly identifies a niche library (argon-router with Effector) and comprehensively lists its capabilities with specific API names. It includes an explicit 'Use when' clause with detailed trigger scenarios. The only minor weakness is that it leans heavily on API-specific jargon, which could miss users who describe their needs in more natural language terms like 'routing' or 'navigation'.

DimensionReasoningScore

Specificity

The description lists multiple specific concrete actions: creating routes/routers, wiring RouterControls/history adapters, composing routes with chainRoute/group/createVirtualRoute, rendering views with RouterProvider/createRoutesView/Outlet, building links with Link/useLink, and managing URL query state with trackQuery and @argon-router/paths. This is comprehensive coverage of the library's capabilities.

5 / 5

Completeness

Clearly answers both 'what' (integrate and use argon-router in React/Effector apps) and 'when' with an explicit 'Use when' clause listing concrete trigger scenarios including creating routes, composing routes, rendering views, building links, and managing query state.

5 / 5

Trigger Term Quality

Includes many specific API-level trigger terms (chainRoute, RouterProvider, Outlet, Link, trackQuery, @argon-router/paths) that users would mention when working with this library. However, it's heavily focused on API names rather than natural language phrases users might say like 'routing', 'navigation', 'page transitions', or 'SPA routing'. Missing some broader synonyms.

4 / 5

Distinctiveness Conflict Risk

Highly distinctive due to the specific library name 'argon-router', the Effector state manager context, and numerous library-specific API names. This would be very unlikely to conflict with other routing skills (e.g., React Router, Next.js routing) due to the precise terminology.

5 / 5

Total

19

/

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.

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
aiko-atami/effectorjs-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.