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.
git clone --depth 1 https://github.com/tamnguyendinh/Anviennpx agentmods add skills/tamnguyendinh/anvien/web-frameworksWrote 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.
[](https://agentmods.dev/skills/tamnguyendinh/anvien/web-frameworks)<a href="https://agentmods.dev/skills/tamnguyendinh/anvien/web-frameworks"><img src="https://agentmods.dev/badge/skills/tamnguyendinh/anvien/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.
<a href="https://agentmods.dev/skills/tamnguyendinh/anvien/web-frameworks"><img src="https://agentmods.dev/badge/skills/tamnguyendinh/anvien/web-frameworks.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00024 | $0.02206 |
| Opus 5.5 | $0.00010 | $0.00882 |
| Sonnet 5.5 | $0.00005 | $0.00441 |
| Haiku 4.5 | $0.00002 | $0.00221 |
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.
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.
This is a copy
97% 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.
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 |
What ships with it
17 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- references/nextjs-app-router.md 9.1 KB
- references/nextjs-data-fetching.md 10.0 KB
- references/nextjs-optimization.md 11 KB
- references/nextjs-server-components.md 11 KB
- references/remix-icon-integration.md 11 KB
- references/turborepo-caching.md 9.5 KB
- references/turborepo-pipelines.md 8.3 KB
- references/turborepo-setup.md 9.5 KB
- scripts/__init__.py 0 B runs code
- scripts/.coverage 52 KB
- scripts/nextjs_init.py 15 KB runs code
- scripts/requirements.txt 430 B
- scripts/tests/coverage-web.json 34 KB
- scripts/tests/requirements.txt 52 B
- scripts/tests/test_nextjs_init.py 10 KB runs code
- scripts/tests/test_turborepo_migrate.py 13 KB runs code
- scripts/turborepo_migrate.py 13 KB runs code
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.
- 2mo ago First seen · 325 lines · 24 tokens per session scan A 2fabaaa684e6
web-frameworks is a skill published in the GitHub repository tamnguyendinh/Anvien (12 stars, last pushed 4d ago), licensed MIT. It adds 24 tokens to every session and 2,206 once invoked, about $0.0001 per session on Opus 5.5. A static security scan graded it A with 0 findings. It is 97% identical to ck:web-frameworks, differing in 7 lines, and is treated as a copy.
web-frameworks compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| web-frameworkstamnguyendinh/Anvien | Skill | 12 | 4d ago | MIT | A | 24 | Claude Code, Codex |
| fast-typescript-checkinternet-development/www-sacred | Skill | 1.6k | 2d ago | MIT | A | 84 | Claude Code, Codex |
| port-sacred-terminal-ui-to-typescript-cliinternet-development/www-sacred | Skill | 1.6k | 2d ago | MIT | A | 0 | Claude Code, Codex |
| writing-dataclassesPostHog/posthog | Skill | 41k | yesterday | none | A | 157 | Claude Code, Codex |
| typescript-rulesshinpr/claude-code-workflows | Skill | 711 | 4d ago | MIT | A | 39 | Claude Code |
| react-component-generatorOneWave-AI/claude-skills | Skill | 415 | 18d ago | MIT | A | 35 | Claude Code, Codex |
| weapp-vite-react-best-practicesweapp-vite/weapp-vite | Skill | 519 | yesterday | MIT | A | 103 | Codex |