laguagu/claude-code-nextjs-skills
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
Навыки кода Клода для приложений ИИ • Next.js 16 • AI SDK 7 • pgvector • bun
Обзор
Навыки построения приложений ИИ, особенно Next.js + bun runtime. Упакованный как агент-плагин (v1.0.0), так же навыки загружаются в Claude Code, ChatGPT, Codex, Cursor, GitHub Copilot, VS Code и Kiro. Смотрите инсталляцию. Примеры агентов для общих рабочих процессов. Устанавливается автоматически с помощью плагина; в противном случае копируется на .claude/agents/. Навыки под базой Они дрейфуют, когда их верховья меняются. Чтобы обновить один: возьмите папку вверх по течению, наведите ее на локальную копию и скопируйте по измененным файлам контента, но сохраните локальный интерфейс SKILL.md, поскольку имя / описание и перекрестные ссылки часто настраиваются. Пропустите слепое обновление навыков npx: нет файла блокировки, а некоторые папки переименованы из восходящего потока. Репо удваивается как собственный рынок, поэтому клон не нужен: Здесь установлены все 23 навыка, оба агента и два MCP-сервера от .mcp.json.
Обзор (машинный перевод)
25 навыков для создания приложений ИИ с помощью Next.js, Bun и современных инструментов пользовательского интерфейса
##Быстрый старт
Установить в Claude Code:
Используйте его для создания или [[Т1]], чтобы проверить его в браузере. Также активируются соответствующие навыки по вашей просьбе.
Чтобы обновить, запустите claude plugin marketplace update laguagu и затем
[3] в скорлупе. Если вы установили
Установите и установите плагин под его старым именем claude-code-nextjs-skills.
[[Т5]].
kill Навыки
Генераторы приложений
| Навыки | Описание |
| ai-app | Full-stack AI app (чат-боты, агенты, приборные панели) | | nextjs-shadcn | Next.js + shadcn/ui с преднамеренной типографикой, фонами и шрифтом системы проектирования через @shadcn/lint | | nextjs-chatbot | Паттерны веб-чатботов (HITL, настойчивость, потоковая передача) |
Дизайн и дизайн
| Навыки | Описание |
| shadcn | shadcn/ui компонентное управление | иконки | Поиск иконок, флагов, значков типа файла и логотипов бренда (Iconify, svgl) | | frontend-дизайн | Отличительное визуальное направление и типографика для нового или измененного пользовательского интерфейса |
Эта страница переведена автоматически. Технические детали смотрите в оригинале.
README
Показан фрагмент оригинального README. Открыть оригинал.
🧠 Claude Code AI Skills
23 skills for building AI applications with Next.js, Bun and modern UI tools.
⚡ Quick Start
Install in Claude Code:
/plugin marketplace add laguagu/claude-code-nextjs-skills
/plugin install nextjs-ai-skills@laguagu
Then use /nextjs-ai-skills:ai-app to build an app or
/nextjs-ai-skills:go to check it in the browser. Relevant skills also activate
from your request.
To update, run claude plugin marketplace update laguagu and then
claude plugin update nextjs-ai-skills@laguagu in a shell. If you installed the
plugin under its old name claude-code-nextjs-skills, uninstall that and install
nextjs-ai-skills@laguagu.
📋 Skills
🚀 App Generators
| Skill | Description |
|---|---|
| ai-app | Full-stack AI app (chatbots, agents, dashboards) |
| nextjs-shadcn | Next.js + shadcn/ui with deliberate typography, backgrounds, and design-system lint via @shadcn/lint |
🎨 UI & Design
| Skill | Description |
|---|---|
| shadcn | shadcn/ui component management |
| icons | Sourcing icons, flags, file-type badges and brand logos (Iconify, svgl) |
| frontend-design | Distinctive visual direction and typography for new or reshaped UI |
| web-design-guidelines | UI/UX review against Web Interface Guidelines |
| chrome-devtools | Live browser inspection via Chrome DevTools MCP (DOM, console, network, performance) |
| go | Browser smoke test — verify recent UI changes work |
⚡ Next.js
| Skill | Description |
|---|---|
| next-best-practices | Installed-version docs for routing, RSC and Next.js integration |
| react-best-practices | React/Next.js performance optimization (Vercel) |
| cache-components | Cache Components, freshness, invalidation and isolation |
| nextjs-seo | SEO (metadata, sitemaps, JSON-LD) |
| vercel-react-view-transitions | React View Transitions and navigation motion |
🤖 AI SDKs
| Skill | Description |
|---|---|
| ai-sdk | Vercel AI SDK version discovery and documentation |
| ai-sdk-6 | AI SDK v6 (agents, streaming, tools) |
| ai-sdk-7 | AI SDK v7 (WorkflowAgent, harnesses, v6→v7 migration) |
| ai-elements | Existing elements.ai-sdk.dev AI Elements installs (deprecated upstream end of November 2026; new chat UI uses shadcn/ui AI Elements) |
| openai-agents-sdk | OpenAI Agents SDK (Python) |
🗄️ Database & Search
| Skill | Description |
|---|
Рекомендуемые инструменты
Попробуйте другой запрос или уберите фильтр.
Установка
npx skillfish add laguagu/claude-code-nextjs-skills