汎用デザイン・クリエイティブ⭐ リポ 0品質スコア 60/100

anthropic-frontend-design

高い設計品質を備えた本番環境対応のフロントエンドインターフェースを作成できます。ユーザーがWebコンポーネント、ページ、またはアプリケーションの構築を依頼した際に使用するスキルです。独創的で洗練されたコードを生成し、一般的なAI美学に陥らない設計を実現します。Anthropic公式のFrontend-DesignプラグインforClaude Codeに基づいています。

description の原文を見る

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics. Based on the official Anthropic/Frontend-Design plugin for Claude Code.

SKILL.md 本文

注意: このスキルのライセンスは ライセンス未確認 です。本サイトでは本文プレビューのみを表示しています。利用前に GitHub の原本でライセンス条件をご確認ください。

フロントエンドデザイン — 本番環境対応UI作成

このスキルは、ジェネリックな「AIスラップ」美学を避けた独特で本番環境対応のフロントエンドインターフェース作成をガイドします。審美的な詳細と創造的な選択に細心の注意を払い、実際に動作するコードを実装します。

ステップ1：デザイン思考（コードを書く前に）

コンテキストを理解し、大胆な美学方向にコミットします：

質問	回答内容
目的	このインターフェースはどんな問題を解決しますか？誰が使いますか？
トーン	極端な美学方向を選択してください（下記参照）
制約	フレームワーク、パフォーマンス要件、アクセシビリティのニーズ
差別化	これを忘れられないものにするのは何ですか？1つの印象的な詳細。

美学方向（1つを選択してコミットします）

徹底的にミニマル
マキシマリスト的カオス
レトロフューチャー
オーガニック／ナチュラル
ラグジュアリー／洗練
遊び心／おもちゃのような
エディトリアル／マガジン
ブルータリズム／ラフ
アールデコ／幾何学的
ソフト／パステルドリームコア
インダストリアル／ユーティリタリアン

...

全文を GitHub の原本で見る →リポジトリ

詳細情報

作者: alidmrky
リポジトリ: alidmrky/alidemirkayanet
ライセンス: 不明
最終更新: 2026/4/26

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/alidmrky/alidemirkayanet / ライセンス: 未指定