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

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

🎨

開発者成長分析

プレミアム

最近のClaude Codeチャット履歴を分析してコーディングパターン、開発上のギャップ、改善点を特定し、HackerNewsから関連する学習リソースを整理し、SlackのDMに自動的に個人向け成長レポートを送信します。

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

[ja] Prompt Factory

プレミアム

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

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

スキル開発者

プレミアム

Anthropicのベストプラクティスに従ってClaude Codeスキルを作成および管理します。新しいスキルの作成、skill-rules.jsonの変更、トリガーパターンの理解、フックの使用、スキルアクティベーションのデバッグ、または漸進的開示の実装時に使用します。スキル構造、YAMLフロントマター、トリガータイプ(キーワード、インテントパターン、ファイルパス、コンテンツパターン)、執行レベル(ブロック、提案、警告)、フックメカニズム(UserPromptSubmit、PreToolUse)、セッション追跡、および500行ルールをカバーします。

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

ターミナル タイトル

プレミアム

自動的にターミナルウィンドウのタイトルを更新して、現在の高レベルタスクを反映します。ユーザーが最初のプロンプトを提供したときの各Claude Codeセッションの開始時、およびユーザーが明確に新しい高レベルタスクに切り替えるたびに使用します。各ターミナルが何を処理しているかを一目で明確に識別することで、開発者が複数のClaude Codeターミナルを管理するのに役立ちます。

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

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

プレミアム

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

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

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

前へ次へ