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).
SkillScore100Maintained
Automatic
◆Frontend / UI pack
Last verified 8/21/2026
What it changes
Passed 22 of 22 test cases with the skill, and 12 of 22 without it.
Without skill55%
With skill100%
Checks it passed that the model alone missed
Recommends installing the remixicon package.
Imports RiLoader4Line from @remixicon/react.
Executes scripts/nextjs-init.py using Python.
and 11 more in the full report
10 fixed12 passed either way0 still failing0 broke
Pass-rate lift
+45 pp
Tokens
+90%
Agent turns
0%
Response time
-30%
Model gemini-3.6-flashMeasured 8/21/2026v122 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 10
Prompt
Which Python utility script in the repository automates converting an existing non-Turbo monorepo into a Turborepo project?
What was checked, without and with the skill
Checked
Without skill
With skill
References scripts/turborepo-migrate.py for monorepo conversion.
Missed
Passed
case-16 · gemini-3.6-flash · 8/21/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md317 linessingle file
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