Разработка маршрутизатора приложений Next.js с использованием TypeScript. Компоненты сервера, действия сервера, кеширование, MUI. Используйте при создании страниц, компонентов, получении данных или создании функций.
Быстро установите AI-навык frontend-development в вашу среду разработки через командную строку
Источник: carvalab/k-skills.
Next.js (latest) App Router with TypeScript. Server-first architecture.
Related Skills: vercel-react-best-practices - USE THIS for performance (bundle size, waterfalls, caching, re-renders, memoization) Check .claude/CLAUDE.md for project-specific conventions Check .cursor/rules/ for project-specific conventions MCP: Use next-devtools MCP server if available for debugging, route inspection, and build analysis.
| New page | Server Component by default | | Data fetching | Server Component async fetch | | Mutations | Server Actions + Zod + revalidatePath | | Styling | MUI sx prop, inline if <100 lines | | State | Server = fetch, Client = useState only when needed |
Разработка маршрутизатора приложений Next.js с использованием TypeScript. Компоненты сервера, действия сервера, кеширование, MUI. Используйте при создании страниц, компонентов, получении данных или создании функций. Источник: carvalab/k-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/carvalab/k-skills --skill frontend-developmentРазработка маршрутизатора приложений Next.js с использованием TypeScript. Компоненты сервера, действия сервера, кеширование, MUI. Используйте при создании страниц, компонентов, получении данных или создании функций. Источник: carvalab/k-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/carvalab/k-skills --skill frontend-development После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/carvalab/k-skills