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 を一度で装備試行錯誤を繰り返す→#frontend ですぐ使える

フロントエンドデザイン

高いデザインクオリティを持つ独特のプロダクションレベルのフロントエンドインターフェースを作成します。ユーザーがウェブコンポーネント、ページ、またはアプリケーションの構築を要求した場合にこのスキルを使用します。汎用的なAIの美観を避けた創造的で洗練されたコードを生成します。

🎨 Frontend✦無料で変身✦7 言語

あなたが手に入れるもの

ユースケース

これらのシナリオに最適

✦ 01📝

契約ドラフト作成

変更履歴を追跡し、書式を保持したまま法律契約を作成する

✦ 02📊

レポート生成

統一された書式とスタイルで専門的なレポートを作成する

✦ 03💬

共同編集

コメントとバージョン管理でチームのコラボレーションを有効にする

✦ 04🔍

コンテンツ抽出

分析や移行を目的としてドキュメントからテキストを抽出する

測定された効果

このスキルを選ぶ理由

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

50%

文書作成の高速化

手動での書式設定と編集にかかる時間を半分に削減

30%

エラー削減

自動変更追跡で、修正ミスを削減

40%

チーム効率

ドキュメントの共同作業ワークフロー速度を大幅に向上

装備内容

中身

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

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

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

関連タグ

#frontend#react#vue

技術情報

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

これを持ち帰る

無料で変身

無料スキルはログイン後すぐにダウンロードでき、そのまま使えます。

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

次のスクリプト

関連スキル

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

すべてのスキルを表示
🎨

エージェント

無料

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

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
詳細を見る
🎨

ベター・オース

プレミアム

Better Auth(フレームワークに依存しないTypeScript認証フレームワーク)を使用して認証と承認を実装します。機能には、確認付きのメール/パスワード認証、OAuthプロバイダー(Google、GitHub、Discordなど)、2要素認証(TOTP、SMS)、パスキー/WebAuthnのサポート、セッション管理、ロールベースのアクセス制御(RBAC)、レート制限、データベースアダプターが含まれます。アプリケーションに認証を追加する場合、OAuthフローを実装する場合、2FA/MFAを設定する場合、ユーザーセッションを管理する場合、承認規則を構成する場合、またはWebアプリケーションの安全な認証システムを構築する場合に使用します。

Frontend7 KB
詳細を見る
🎨

クロードMDエンハンサー

プレミアム

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

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