·implementing-navigation
</>

implementing-navigation

ancoleman/ai-design-components

フロントエンド (React/TS) とバックエンド (Python) の両方に、メニュー、タブ、パンくずリスト、クライアント側のルーティング、サーバー側のルート構成などのナビゲーション パターンとルーティングを実装します。ナビゲーション システムを構築したり、ルートを設定したりするときに使用します。

12インストール·0トレンド·@ancoleman

インストール

$npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-navigation

SKILL.md

This skill provides comprehensive guidance for implementing navigation systems across both frontend and backend applications. It covers client-side navigation patterns (menus, tabs, breadcrumbs) and routing (React Router, Next.js) as well as server-side route configuration (Flask, Django, FastAPI).

Validate configurations before implementation using the validation script.

For detailed implementation guides, explore the referenced documentation files based on specific requirements.

フロントエンド (React/TS) とバックエンド (Python) の両方に、メニュー、タブ、パンくずリスト、クライアント側のルーティング、サーバー側のルート構成などのナビゲーション パターンとルーティングを実装します。ナビゲーション システムを構築したり、ルートを設定したりするときに使用します。 ソース: ancoleman/ai-design-components。

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-navigation
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

implementing-navigation とは?

フロントエンド (React/TS) とバックエンド (Python) の両方に、メニュー、タブ、パンくずリスト、クライアント側のルーティング、サーバー側のルート構成などのナビゲーション パターンとルーティングを実装します。ナビゲーション システムを構築したり、ルートを設定したりするときに使用します。 ソース: ancoleman/ai-design-components。

implementing-navigation のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/ancoleman/ai-design-components --skill implementing-navigation インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/ancoleman/ai-design-components