skillsfree
💻 開発ツール⚙️ バックエンド🎨 フロントエンド🚀 DevOps⛓️ Web3とブロックチェーン🎭 クリエイティブ📄 ドキュメント📊 データとAI💼 ビジネス🤖 自動化🔒 セキュリティ✦ その他
無料精选料金
⌘K
ホーム無料精选料金
💻 開発ツール⚙️ バックエンド🎨 フロントエンド🚀 DevOps⛓️ Web3とブロックチェーン🎭 クリエイティブ📄 ドキュメント📊 データとAI💼 ビジネス🤖 自動化🔒 セキュリティ✦ その他
skillsfree

厳選された1500以上のClaude AIスキル紹介プラットフォーム。発見、学習、生産性向上。

カテゴリー

開発ツールフロントエンドバックエンドデータとAIドキュメントDevOps全カテゴリー

リソース

GitHubドキュメントAPIリファレンスClaude AI

会社情報

私たちについてお問い合わせよくある質問

法的情報

プライバシーポリシー利用規約

© 2026 Claude Skills Free. All rights reserved.

❤Claudeコミュニティのために心を込めて

☀️
  1. ホーム
  2. ✦フロントエンド
  3. ✦フロントエンド開発ガイドライン
⏱ 資料を探して手作業→Frontend を一度で装備試行錯誤を繰り返す→#backend ですぐ使える

フロントエンド開発ガイドライン

React/TypeScriptアプリケーションのフロントエンド開発ガイドライン。Suspense、レイジーローディング、useSuspenseQuery、機能別ディレクトリによるファイル構成、MUI v7スタイリング、TanStack Router、パフォーマンス最適化、TypeScriptのベストプラクティスなどの現代的なパターン。コンポーネント、ページ、機能の作成、データ取得、スタイリング、ルーティング、またはフロントエンドコードの作業を行う際に使用します。

🎨 Frontend✦プレミアム✦7 言語

あなたが手に入れるもの

ユースケース

これらのシナリオに最適

✦ 01🎯

素早く課題を作成

アプリを切り替えることなく、コマンドラインから直接新しいLinear issueを作成

✦ 02🔍

課題ステータスの確認

Linear ダッシュボードを開かずに課題の詳細とステータスを表示

✦ 03💬

課題についてコメント

コマンドラインから既存のIssueに直接コメントを追加

✦ 04📝

課題の詳細を更新

CLIで課題のタイトル、説明、担当者を変更

測定された効果

このスキルを選ぶ理由

実証済みのメリットと測定可能な影響

5x

迅速な課題作成

Webインターフェースを使用するより5倍速くIssueを作成

50%

コンテキストスイッチの削減

ターミナルに留まり、アプリ切り替えを50%削減

3x

クイックステータスチェック

問題のステータスをWebより3倍速く確認

装備内容

中身

ファイル・タグ・3ステップのインストール

ソースリポジトリからスキルファイルをダウンロードまたはコピーします。
スキルファイルを Claude の skills ディレクトリ(~/.claude/skills/)に置きます。
Claude を再起動するかリロードコマンドを実行すると、スキルが自動で読み込まれます。
$ cp mrgoonie__claudekit-skills/.claude/skills/frontend-development/Skill.md ~/.claude/skills/

ヒント: 初回使用の前にドキュメントとコードを読み、機能と必要な権限を確認してください。

関連タグ

#backend#frontend#javascript#react

技術情報

作成者
mrgoonie
カテゴリー
Frontend
ファイルサイズ
11.06 KB
ソースリポジトリ
mrgoonie__claudekit-skills
ライセンス
MIT
メタデータ
YAMLメタデータを含む
GitHubソースを表示

これを持ち帰る

$9.9/月
プレミアム

450+ のプレミアムスキルを無制限にダウンロードできます。

すべてのスキルはオープンソースコミュニティ由来で、原作者の権利を保持します。

次のスクリプト

関連スキル

タグとカテゴリーに基づくおすすめ

すべてのスキルを表示
🎨

エージェント

無料

公開されているagents.mdの規則に従ってAGENTS.mdファイルを生成および維持します。AIエージェントのワークフローのドキュメント作成、オンボーディングガイド、またはプロジェクト間でのエージェントの相互作用パターンの標準化を行う場合に使用します。

Frontend11 KB
詳細を見る
🎨

API契約同期マネージャー

プレミアム

OpenAPI、Swagger、GraphQLのスキーマがバックエンドの実装と一致することを検証します。破壊的な変更を検出し、TypeScriptクライアントを生成し、APIドキュメントが同期された状態を維持します。API仕様ファイル(.yaml、.json、.graphql)で作業する場合、APIの変更をレビューする場合、フロントエンドの型を生成する場合、またはエンドポイントの実装を検証する場合に使用します。

Frontend11 KB
詳細を見る
🎨

アプトス Dapp 統合

プレミアム

Aptos上での分散型アプリケーション構築、フロントエンド統合、ウォレット接続(Petra、Martian、Pontem)、TypeScript SDK、トランザクション提出、ウォレットアダプターパターンのエキスパート。キーワード wallet connect、petra、martian、pontem、typescript sdk、aptos sdk、dapp、frontend integration、wallet adapter、transaction、sign でトリガーされます。

Web3 & Blockchain16 KB
詳細を見る
💻

エージェントファクトリー

プレミアム

Claude Codeエージェント生成システムは、実績のあるプロダクションパターンに従い、強化されたYAMLフロントマター、ツールアクセスパターン、およびMCP統合サポートを備えたカスタムエージェントとサブエージェントを作成するシステムです。

Development8 KB
詳細を見る
すべてのスキルを表示