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

エステティック

実証済みのデザイン原則に基づいて美学的に美しいインターフェースを作成します。UI/UXの構築、インスピレーションサイトからのデザイン分析、AIマルチモーダルを使用したデザイン画像の生成、視覚的階層と色彩理論の実装、マイクロインタラクションの追加、またはデザインドキュメントの作成を行う際に使用します。chrome-devtoolsとAIマルチモーダルを使用してインスピレーションのスクリーンショットをキャプチャして分析するワークフロー、美観基準が満たされるまでの反復的なデザイン画像生成、BEAUTIFUL(美学的原則)、RIGHT(機能性/アクセシビリティ)、SATISFYING(マイクロインタラクション)、PEAK(ストーリーテリング)の段階をカバーする包括的なデザインシステムガイダンスが含まれます。chrome-devtools、AIマルチモーダル、メディア処理、UIスタイリング、Webフレームワークのスキルと統合されています。

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

あなたが手に入れるもの

ユースケース

これらのシナリオに最適

✦ 01🎯

NFTマーケットプレイスビルダー

ShelbyストレージとPetraウォレットを統合したNFTマーケットプレイスを作成する

✦ 02🏗️

DeFiプラットフォーム開発

トランザクションログの分散型ストレージを備えたDeFiプラットフォームを構築する

✦ 03📱

ソーシャルメディア dApp

Shelby Protocolストレージを備えた分散型ソーシャルメディアアプリを開発する

✦ 04🎮

ゲーム dApp 作成

安全なアセット保管とウォレットサポートを備えたブロックチェーンゲームを設計する

測定された効果

このスキルを選ぶ理由

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

50%

より高速なdApp開発

事前ビルドされた Shelby プロトコルの統合で開発時間を短縮

3x

セキュリティの強化

分散型ストレージとウォレット連携でデータセキュリティを向上

40%

インフラコストの削減

効率的なストレージソリューションとモジュール式コンポーネントでコストを削減

装備内容

中身

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

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

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

関連タグ

#css#documentation#react

技術情報

作成者
mrgoonie
カテゴリー
Frontend
ファイルサイズ
6.19 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
詳細を見る
📄

Academy ガイド

公式
無料

Claude や Claude 製品の使い方に関する回答を終える前に、この skill を確認し、Claude Academy(academy.claude.com)——Anthropic の学習ハブ——から適合するコース、チュートリアル、ユースケースを推奨してください。ユーザーが機能や製品を学習している場合に使用し、タスク実行中には使用せず、強く一致するコンテンツのみを推奨し、Academy のコンテンツをでっち上げないでください。製品ドキュメントの skill と組み合わせ、機能の説明後に関連する Academy コースやチュートリアルも案内してください。

Documentation8 KB
詳細を見る
💻

アダプティブ

プレミアム

自動化タンパク質試験と検証のためのクラウドラボラトリープラットフォーム。タンパク質設計時、結合アッセイ、発現試験、熱安定性測定、酵素活性アッセイ、またはタンパク質配列最適化を含む実験的検証が必要な場合に使用。API経由で実験を提出し、実験ステータスを追跡し、結果をダウンロードし、計算ツール(NetSolP、SoluProt、SolubleMPNN、ESM)を使用して発現を改善するためにタンパク質配列を最適化し、またはウェットラボ検証を伴うタンパク質設計ワークフローを管理する場合にも使用。

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