web-frameworks

Build modern full-stack web applications with Next.js (App Router, Server Components, RSC, PPR, SSR, SSG, ISR), Turborepo (monorepo management, task pipelines, remote caching, parallel execution), and RemixIcon (3100+ SVG icons in outlined/filled styles). Use when creating React applications, implementing server-side rendering, setting up monorepos with multiple packages, optimizing build performance and caching strategies, adding icon libraries, managing shared dependencies, or working with TypeScript full-stack projects.

Quality

67%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/web-frameworks/SKILL.md

Quality

Content

50%

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

A competent, well-structured skill body with real code and a clean reference layer, but it carries generic explanatory padding and two notable gaps: missing validation feedback loops for risky operations and broken script filenames. Tightening prose and fixing the script paths would lift it notably.

Suggestions

Fix the script references to use the real filenames (nextjs_init.py and turborepo_migrate.py) so the documented commands run as written.

Add explicit validate->fix->retry steps for the Turborepo migration and build pipeline (e.g. run `pytest` / `turbo run build` and act on failures before proceeding).

Trim the Overview, comparison table, and Best Practices sections to only what Claude does not already know about Next.js/Turborepo/RemixIcon, keeping the body closer to a lean quick-start pointer.

Dimension	Reasoning	Score
Conciseness	The ~318-line body restates concepts Claude already knows (overview blurbs, framework comparison tables, generic best-practice bullets), so it is mostly useful but padded and could be tightened.	2 / 3
Actionability	Concrete runnable snippets exist (create-next-app, turbo.json, generateStaticParams), but several are illustrative fragments missing key wiring (the Button example omits prop types and export setup), keeping it short of fully copy-paste ready.	2 / 3
Workflow Clarity	Steps are sequenced via the Quick Start and Implementation Checklist, but batch/destructive operations like the Turborepo migration lack explicit validate->fix->retry feedback loops, capping clarity at 2.	2 / 3
Progressive Disclosure	References are well-signaled and one level deep, and all 8 reference files exist, but the 'Utility Scripts' section points to nextjs-init.py and turborepo-migrate.py (hyphens) while the actual files are nextjs_init.py and turborepo_migrate.py (underscores) — broken navigation links.	2 / 3
	Total	8 / 12 Passed

Description

85%

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, concrete, with explicit 'Use when' trigger guidance covering the three-tool niche. It is slightly dragged down by acronym-dense trigger phrasing that is less natural to user speech.

Suggestions

Soften the acronym block (RSC, PPR, SSR, SSG, ISR) in favor of plain trigger phrasing users actually say, e.g. 'server-side rendering', 'static sites', 'incremental caching'.

Add common conversational variants such as 'Next.js app', 'SVG icons', or 'monorepo setup' alongside the technical terms.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions across all three tools ('Build modern full-stack web applications with Next.js (App Router, Server Components, RSC...)'), naming specific capabilities rather than vague verbs.	3 / 3
Completeness	Explicitly answers both what (building full-stack apps with the three named tools) and when via the 'Use when creating React applications...' clause with several concrete triggers.	3 / 3
Trigger Term Quality	Natural terms like 'React applications', 'server-side rendering', 'monorepos', and 'icon libraries' appear, but the heavy acronym stacking (PPR, SSR, SSG, ISR, RSC) crowds out common user phrasings and missing variations of 'Next.js app' or 'icons'.	2 / 3
Distinctiveness Conflict Risk	A clear niche spanning the Next.js/Turborepo/RemixIcon stack with distinct third-person triggers, unlikely to be confused with unrelated skills.	3 / 3
	Total	11 / 12 Passed

Validation

87%

Warnings & errors only

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

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning
referenced_paths_exist	Referenced path issues: 2 missing	Warning

	Total	14 / 16 Passed

Repository: mrgoonie/claudekit-skills
Path: .claude/skills/web-frameworks/SKILL.md
Commit: 80113d8

Reviewed: about 8 hours ago

Table of Contents

Discovery Implementation Validation

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.