laguagu/claude-code-nextjs-skills
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
AIアプリのClaudeコードスキル • Next.js 16 • AI SDK 7 • pgvector • bun
概要
AI アプリケーションの構築、特にNext.js + bun のランタイム エージェントプラグイン(v1.0.0)としてパッケージ化されているため、Claudeコード、ChatGPT、Codex、Cursor、GitHub Copilot、VSコード、Kiroで同じスキルが読み込まれます。 インストールを参照してください。 一般的なワークフローのエージェントの例 プラグインで自動的にインストールされます。 それ以外の場合は .claude/agents/ にコピーします。 基礎に基づくスキル ドリフトで上流が変化します。 更新するには、上流フォルダを取得するには、ローカルコピーに対してそれをdiffし、変更されたコンテンツファイルをコピーします。ただし、名前/説明とクロススキルの参照が頻繁にカスタマイズされているため、ローカルSKILL.mdのフロントマーターを維持します。 ブラインドnpxスキルの更新をスキップします。ロックファイルはありません。一部のフォルダは上流から名前が変更されます。 repo は独自の市場として倍増しているため、クローンは必要ありません。 .mcp.json からすべての 23 スキル、エージェント、および 2 つの MCP サーバーをインストールします.
概要（AI 翻訳）
Next.js、Ban、モダンなUIツールでAIアプリケーションを構築する25のスキル。
⚡ クイックスタート
クロード コードにインストール:
/nextjs-ai-skills:ai-app を使用してアプリを作成したり、
[/nextjs-ai-skills:go] ブラウザで確認します。 関連するスキルも有効
お問い合わせ
更新するには、[claude plugin marketplace update laguagu を実行してから、
シェルのclaude plugin update nextjs-ai-skills@laguagu。 インストールした場合
古い名前の下のプラグイン [claude-code-nextjs-skills]], アンインストールしてインストールします
[nextjs-ai-skills@laguagu]。
スキル
# OST アプリジェネレーター
| スキル | 説明 | お問い合わせ | ai-app | フルスタックAIアプリ(チャットボット、エージェント、ダッシュボード) | | Nextjs-shadcn | Next.js + shadcn/ui による非審美的なタイポグラフィ、背景、設計システム lint による @shadcn/lint | | nextjs-chatbot | ウェブチャットボットパターン(HITL、永続性、ストリーミング) |
インポートUI&デザイン
| スキル | 説明 | お問い合わせ | シャドクン | シャドクン/ui コンポーネント管理 | | アイコン | ソーシングのアイコン、旗、ファイル型バッジ、ブランドロゴ(アイコン、スバル) | | フロントエンドデザイン | 新たな形や再形状のUIの立体的なビジュアルディレクションとタイポグラフィ |
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
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