Web Frameworks
技能 活跃Build with Next.js (App Router, RSC, SSR, ISR), Turborepo monorepos. Use for React apps, server rendering, build optimization, caching strategies, shared dependencies.
To help developers quickly set up new Next.js projects with a modern stack and best practices, and to facilitate migration of existing projects to Turborepo.
功能
- Next.js project initialization
- Turborepo monorepo setup
- TypeScript and ESLint integration
- Tailwind CSS support
- Turborepo migration script
使用场景
- Starting a new Next.js project with recommended configurations
- Setting up a Turborepo monorepo for multiple Next.js applications
- Migrating an existing project to use Turborepo for build optimization
非目标
- Managing project dependencies beyond initial setup
- Providing runtime application support or debugging
- Configuring CI/CD pipelines beyond basic examples
Execution
- info:Pinned dependenciesThe script references 'latest' versions for Next.js and other dependencies in package.json, which is not pinned and could lead to versioning issues.
- info:Pinned dependenciesThe script uses 'latest' for Next.js dependencies in package.json, which is not ideal for production stability.
- info:Pinned dependenciesDependencies like Next.js are set to 'latest' in package.json, which lacks pinning and could cause instability.
Maintenance
- warning:Dependency ManagementWhile dependencies like Next.js are specified, they are set to 'latest', lacking version pinning and potentially leading to breakage.
Code Execution
- info:Pinned dependenciesThe script uses 'latest' for Next.js dependencies in package.json, which is not pinned and could lead to versioning issues.
安装
npx skills add binjuhor/shadcn-lar通过 npx 运行 Vercel skills CLI(skills.sh)— 需要本地安装 Node.js,以及至少一个兼容 skills 的智能体(Claude Code、Cursor、Codex 等)。前提是仓库遵循 agentskills.io 格式。
质量评分
类似扩展
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.
Dashboard
99使用此技能为 InsForge 的共享仪表板包做贡献。这适用于维护者,他们将编辑 `packages/dashboard`,该包在 `self-hosting` 和 `cloud-hosting` 模式下发布,以及此仓库中用于 `self-hosting` 的本地 `frontend/` shell。
Monorepo Navigator
99Monorepo Navigator
Env Manager
99Environment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications