frontend-design
独自性のある本番品質のフロントエンドインターフェースを作成。汎用的な「AI slop」美学を避け、記憶に残るデザインを実現。タイポグラフィ、カラー、モーション、空間構成に焦点。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
独自性のある本番品質のフロントエンドインターフェースを作成。汎用的な「AI slop」美学を避け、記憶に残るデザインを実現。タイポグラフィ、カラー、モーション、空間構成に焦点。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
k8oブログ記事の技術的準備ワークフロー。MDXファイル、レイアウト、OGP画像、Playgroundコンポーネント、マイグレーションなど必要なファイル一式を作成。記事の執筆は別途行う。
k8oブログ記事(MDX)専用の公開前レビュースキル。文章面は /writing-review に委譲(不在時はフォールバック)し、@repo/code-highlight の活用・frontmatter整合性・MDXコンポーネント・見出し階層・本文の太字不使用といった MDX/ブログ固有の項目を点検して指摘レポートを出す(ファイルは変更しない)。
Turborepoモノレポビルドシステムのガイダンス。turbo.json、タスクパイプライン、dependsOn、キャッシュ、リモートキャッシュ、turbo CLI、--filter、--affected、CI最適化、環境変数、内部パッケージ、モノレポ構成・ベストプラクティス、バウンダリに対応。ユーザーがタスク/ワークフロー/パイプラインの設定、パッケージ作成、モノレポセットアップ、アプリ間コード共有、変更パッケージの実行、キャッシュデバッグ、apps/packagesディレクトリの操作を行う場合に使用。
| name | frontend-design |
| description | 独自性のある本番品質のフロントエンドインターフェースを作成。汎用的な「AI slop」美学を避け、記憶に残るデザインを実現。タイポグラフィ、カラー、モーション、空間構成に焦点。 |
これは、汎用的な「AI slop」美学を避けた独自性のある高品質のフロントエンドインターフェースを作成するためのスキルガイドです。
実装前に以下を確立する:
重要: 意図性は強度よりも重要—大胆なマキシマリズムも洗練されたミニマリズムも、精度を持って実行されればどちらも機能する。
以下の要素に焦点を当てる:
❌ 汎用的なAI美学:
✅ 代わりに: 創造的に解釈し、コンテキストに特有の予想外の選択をする。
❌ UIデザインで気をつけること:
コードの複雑さを美的ビジョンに合わせる:
目標は、既成概念にとらわれず、独自のビジョンに完全にコミットすることで並外れた創造的な作品を実証すること。
@k8o/arte-odyssey/styles.css) で定義されたカスタムトークンのみ使用text-gray-600など)は使用禁止motion ライブラリを使用@k8o/arte-odyssey から利用このスキルは anthropics/skills の frontend-design (0075614) をベースに作成されています。
Copyright 2025 Anthropic, PBC
原作は Apache License 2.0 でライセンスされています。
MODIFIED: このファイルは原作から以下の変更を加えています: