frontend-design

作成者： anthropic

差別化された、プロダクションレベルのフロントエンドインターフェース。意図的なデザイン方向性により、ありきたりなAI美学を拒否します。コーディング前にデザイン思考を通じて開発者を導きます：目的、トーン、制約、そして記憶に残る差別化要因を確立し、画一的な結果を避けます。タイポグラフィの選択（特徴的なディスプレイフォントとボディフォント）、CSS変数による統一感のあるカラーパレット、そしてスタッガードアニメーションやスクロールトリガーによるインパクトのあるモーションを重視します。空間構成をカバー...

npx skills add https://github.com/anthropics/claude-code --skill frontend-design

ZIPダウンロード GitHub

anthropicのその他のスキル

常にこのデータソースの階層に従ってください：

analyzing-financial-statements

このスキルは、財務諸表データから投資分析のための主要な財務比率や指標を計算します。

applying-brand-guidelines

このスキルは、生成されるすべてのドキュメントに一貫したコーポレートブランディングとスタイリング（色、フォント、レイアウト、メッセージングを含む）を適用します。

ルーブリックに基づいてAnthropic Cookbookのノートブックを監査します。ノートブックのレビューや監査が依頼されたときに使用してください。

creating-financial-models

このスキルは、DCF分析、感応度テスト、モンテカルロシミュレーション、および投資のためのシナリオプランニングを備えた高度な財務モデリングスイートを提供します…

ユーザー固有のワンクリックアクションテンプレートを作成し、チャットインターフェースでクリックするとメール操作を実行します。ユーザーが再利用可能なアクションを必要とする場合に使用します…

包括変更履歴、コメント、書式保持、テキスト抽出をサポートした、包括的なドキュメント作成、編集、分析。Claudeが…

executive-briefing

研究結果を経営陣向けのブリーフィングに変換します。ユーザーが「エグゼクティブ」「ブリーフィング」「Cスイート」「ボード」などに言及すると自動的に起動します。