web-frameworks

web-frameworks is a skill for Claude Code, Codex from VoDaiLocz/kilo-kit-mcp. It costs 111 tokens per session (2,293 once invoked), scanned A, a copy of ck:web-frameworks, Apache-2.0.

A guide for building full-stack web applications with Next.js, managing JavaScript or TypeScript monorepos with Turborepo, and using the RemixIcon icon library.

In plain words
What is it for?
Use it to create React applications, organise multiple apps in one repository, configure build pipelines and caching, and add consistent interface icons.
Why use it?
It helps developers choose and combine tools for applications, shared packages, server rendering, static pages, and faster builds.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one.

Needs its repository: it runs a file that does not travel with it, so clone the repository first. The line is python scripts/nextjs-init.py --name my-app --typescript --app-router.

Good fit Use it to create React applications, organise multiple apps in one repository, configure build pipelines and caching, and add consistent interface icons.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/VoDaiLocz/kilo-kit-mcp
agentmods
npx agentmods add skills/vodailocz/kilo-kit-mcp/web-frameworks

Made for: Claude Code, Codex.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for web-frameworks

README.md
[![agentmods](https://agentmods.dev/badge/skills/vodailocz/kilo-kit-mcp/web-frameworks/github.svg)](https://agentmods.dev/skills/vodailocz/kilo-kit-mcp/web-frameworks)
Your own site
<a href="https://agentmods.dev/skills/vodailocz/kilo-kit-mcp/web-frameworks"><img src="https://agentmods.dev/badge/skills/vodailocz/kilo-kit-mcp/web-frameworks/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for web-frameworks

Your own site · 80×15
<a href="https://agentmods.dev/skills/vodailocz/kilo-kit-mcp/web-frameworks"><img src="https://agentmods.dev/badge/skills/vodailocz/kilo-kit-mcp/web-frameworks.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 111 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,293 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin 88% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00111 $0.02293
Opus 5.5 $0.00044 $0.00917
Sonnet 5.5 $0.00022 $0.00459
Haiku 4.5 $0.00011 $0.00229

Measured 2mo ago against content hash 0af5655f3cb7, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

web-frameworks scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2mo ago.

The scan reads SKILL.md. This mod also ships 5 executable files (scripts/__init__.py, scripts/nextjs_init.py, scripts/tests/test_nextjs_init.py, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

88% identical to ck:web-frameworks — 7 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

skills/engineering/web-frameworks/SKILL.md · 325 lines

How it starts

The opening of the file, as written. The whole thing — 325 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Web Frameworks Skill Group

Comprehensive guide for building modern full-stack web applications using Next.js, Turborepo, and RemixIcon.

Overview

This skill group combines three powerful tools for web development:

Next.js - React framework with SSR, SSG, RSC, and optimization features Turborepo - High-performance monorepo build system for JavaScript/TypeScript RemixIcon - Icon library with 3,100+ outlined and filled style icons

When to Use This Skill Group

  • Building new full-stack web applications with modern React
  • Setting up monorepos with multiple apps and shared packages
  • Implementing server-side rendering and static generation
  • Optimizing build performance with intelligent caching
  • Creating consistent UI with professional iconography
  • Managing workspace dependencies across multiple projects
  • Deploying production-ready applications with proper optimization

Stack Selection Guide

Single Application: Next.js + RemixIcon

Use when building a standalone application:

  • E-commerce sites
  • Marketing websites
  • SaaS applications
  • Documentation sites
  • Blogs and content platforms

Setup:

npx create-next-app@latest my-app
cd my-app
npm install remixicon

Monorepo: Next.js + Turborepo + RemixIcon

Use when building multiple applications with shared code:

  • Microfrontends
  • Multi-tenant platforms
  • Internal tools with shared component library
  • Multiple apps (web, admin, mobile-web) sharing logic
  • Design system with documentation site

Setup:

npx create-turbo@latest my-monorepo
# Then configure Next.js apps in apps/ directory
# Install remixicon in shared UI packages

Framework Features Comparison

Feature Next.js Turborepo RemixIcon
Primary Use Web framework Build system UI icons
Best For SSR/SSG apps Monorepos Consistent iconography
Performance Built-in optimization Caching & parallel tasks Lightweight fonts/SVG
TypeScript Full support Full support Type definitions available

Read the full file on GitHub · 325 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2mo ago First seen · 325 lines · 111 tokens per session scan A 0af5655f3cb7

Subscribe to this mod's changes

web-frameworks is a skill published in the GitHub repository VoDaiLocz/kilo-kit-mcp (27 stars, last pushed 13d ago), licensed Apache-2.0. It adds 111 tokens to every session and 2,293 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 88% identical to ck:web-frameworks, differing in 7 lines, and is treated as a copy.

Related

web-frameworks compared with skills from other repositories

web-frameworks next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
web-frameworksVoDaiLocz/kilo-kit-mcpSkill2713d agoApache-2.0A111Claude Code, Codex
frontend-dev-guidelineshybridlabor-api/bdb-dev-optimized-agent-skillsSkill65d agoApache-2.0A37Claude Code, Codex
landing-page-generatorhybridlabor-api/bdb-dev-optimized-agent-skillsSkill65d agoApache-2.0A50Claude Code, Codex
nextjs-best-practiceshybridlabor-api/bdb-dev-optimized-agent-skillsSkill65d agoApache-2.0A22Claude Code, Codex
nextjs-app-router-patternshybridlabor-api/bdb-dev-optimized-agent-skillsSkill65d agoApache-2.0A30Claude Code, Codex
antigravity-design-expertsickn33/agentic-awesome-skillsSkill49kyesterdayMITA39Claude Code
moai-design-toolsmodu-ai/moai-adkSkill1.3k4d agoApache-2.0A45Claude Code