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. ✦フロントエンド

スクリプト

🎨 フロントエンド

モックアップを見ながら手作業でピクセル調整、アクセシビリティは後回し。

一言でコンポーネント、レビューは一発通過。

スタイル調整 2時間→レビュー10分で通過最後に a11y 対応→最初からアクセシブル
すべてのタグ22react21javascript16frontend14documentation13markdown11nodejs11python11database10backend10security10testing9authentication8vue7git5debugging

このラインに 11 個のスキル

🎨

エージェント

無料

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

フロントエンド11 KB
詳細を見る
🎨

API契約同期マネージャー

プレミアム

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

フロントエンド11 KB
詳細を見る
🎨

クロードMDエンハンサー

プレミアム

任意のプロジェクトタイプのCLAUDE.mdファイルを、ベストプラクティス、モジュラーアーキテクチャのサポート、テックスタックのカスタマイズを使用して分析、生成、強化します。新しいプロジェクトの設定、既存のCLAUDE.mdファイルの改善、AI支援開発基準の確立の際に使用します。

フロントエンド16 KB
詳細を見る
🎨

PDF

無料

テキストと表の抽出、新しいPDFの作成、ドキュメントの結合・分割、フォームの処理を行う総合的なPDF操作ツールキット。ClaudeがPDFフォームに記入する必要がある場合、またはプログラムでPDFドキュメントを大規模に処理、生成、分析する必要がある場合。

フロントエンド7 KB
詳細を見る
🎨

Pptx

無料

プレゼンテーションの作成、編集、および分析。Claude がプレゼンテーション (.pptx ファイル) を使用する必要がある場合: (1) 新しいプレゼンテーションの作成、(2) 内容の修正または編集、(3) レイアウトの操作、(4) コメントまたはスピーカーノートの追加、またはその他のプレゼンテーションタスク

フロントエンド25 KB
詳細を見る
🎨

[ja] Prompt Factory

プレミアム

高度な7つの質問フローにより、あらゆる役割、業界、タスクに対する本番環境で使用可能なメガプロンプトを生成する世界クラスのプロンプトパワーハウス。15の専門領域(テクニカル、ビジネス、クリエイティブ、法務、ファイナンス、HR、デザイン、カスタマー、エグゼクティブ、マニュファクチャリング、R&D、規制、特殊テクニカル、研究、クリエイティブメディア)にわたる69の総合プリセット、複数の出力形式(XML/Claude/ChatGPT/Gemini)、品質検証ゲート、OpenAI/Anthropic/Googleの文脈別ベストプラクティスを搭載。コアモードとアドバンスドモードの両方をサポートし、テストシナリオとプロンプトのバリエーションを提供。

フロントエンド36 KB
詳細を見る
🎨

レポミックス

プレミアム

Repomixを使用して、エンティレートなコードリポジトリを単一のAIフレンドリーなファイルにパッケージ化します。機能には、カスタマイズ可能なインクルード/エクスクルードパターンでコードベースをパックする機能、複数の出力形式(XML、Markdown、プレーンテキスト)を生成する機能、ファイル構造とコンテキストを保持する機能、トークンカウントによってAI消費のために最適化する機能、ファイルタイプとディレクトリによってフィルタリングする機能、カスタムヘッダーとサマリーを追加する機能が含まれます。AI解析のためのコードベースのパッケージ化、LLMコンテキストのためのリポジトリスナップショットの作成、サードパーティライブラリの解析、セキュリティ監査の準備、ドキュメンテーションコンテキストの生成、または未知のコードベースの評価を行う場合に使用します。

フロントエンド5 KB
詳細を見る
🎨

スキルクリエーター

無料

効果的なスキル作成ガイド。このスキルは、ユーザーが特殊な知識、ワークフロー、またはツール統合でClaudeの機能を拡張する新しいスキル(または既存のスキルを更新)したい場合に使用します。

フロントエンド17 KB
詳細を見る
🎨

UIスタイリング

プレミアム

Radix UI + Tailwindをベースに構築されたshadcn/uiコンポーネント、ユーティリティファーストなスタイリングのTailwind CSS、およびキャンバスベースのビジュアルデザインを使用して、美しくアクセシブルなユーザーインターフェイスを作成します。ユーザーインターフェイスの構築、デザインシステムの実装、レスポンシブレイアウトの作成、アクセシブルなコンポーネント(ダイアログ、ドロップダウン、フォーム、テーブル)の追加、テーマとカラーのカスタマイズ、ダークモードの実装、ビジュアルデザインやポスターの生成、またはアプリケーション全体で一貫したスタイリングパターンを確立する際に使用します。

フロントエンド10 KB
詳細を見る
🎨

バーセル

プレミアム

VercelプラットフォームおよびAPIドキュメント

フロントエンド11 KB
詳細を見る
🎨

ウェブアセットジェネレーター

プレミアム

Facebook、Twitter、WhatsApp、LinkedIn向けのfavicon、アプリアイコン(PWA)、ソーシャルメディアメタ画像(Open Graph)などのウェブアセットを生成する。ロゴやテキストスローガンからアイコン、favicon、ソーシャルシェア画像、またはOpen Graph画像が必要な場合に使用。画像のリサイズ、テキストから画像の生成を処理し、適切なHTMLメタタグを提供する。

フロントエンド26 KB
詳細を見る

1 / 1 ページ · 11 / 11 件を表示

前へ次へ