Communitygithub.com

Dragoon0x/everything-design-taste

ポートフォリオのキュレーション、ケーススタディの選定、およびポートフォリオの提示戦略。

everything-design-taste とは?

このスキルは、デザイナーが効果的なポートフォリオを構築するための包括的なガイドを提供します。主に、ポートフォリオに含めるケーススタディの選定(キュレーション)、各プロジェクトの構造化された記述方法、レビュアーが評価するポイント、そしてポートフォリオサイト自体のデザイン原則について詳しく説明しています。このスキルの価値は、単なる作品集ではなく、問題解決能力や思考プロセスを伝えるための戦略的フレームワークを提供する点にあります。特に、Claude CodeやCursorなどのAIエージェント向けに設計されており、デザイナーがAIの支援を受けながら、説得力のあるポートフォリオを作成・改善するための具体的なアドバイスを提供します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Dragoon0x/everything-design-taste/tree/HEAD/skills/design-portfolio-building

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

デザインポートフォリオの構築

ポートフォリオ戦略

キュレーション

  • 3〜5件の強力なケーススタディ。量より質。
  • 幅広さを示す:異なるプロジェクトタイプ、業界、またはスキル。
  • 最も強い作品から始める。
  • 自信を持って話せないものはすべて削除する。

ケーススタディの構成

  1. ヒーロー画像/動画(プロジェクトの最良のビジュアル)。
  2. 1行のプロジェクト要約。
  3. 役割 + タイムライン + チーム。
  4. 問題 + プロセス + 解決策 + 影響。
  5. 1,500〜2,500語。厳密な編集。

レビュアーが注目するポイント

  • 思考力: 問題へのアプローチ方法(出力結果だけでない)。
  • 技術力: 実行の品質と細部へのこだわり。
  • 影響力: それは機能したのか? どうやってわかるのか?
  • 伝達力: 自分の決定を明確に説明できるか?
  • 自己認識力: 何を違った方法で行うか?

ポートフォリオサイトのデザイン

  • サイト自体がポートフォリオ作品である。それに応じて扱う。
  • 読み込みが速い(誰もデザイナーの遅いサイトを待たない)。
  • モバイルフレンドリー。
  • プロジェクト間の明確なナビゲーション。
  • 連絡先情報を簡単に見つけられる。
  • パスワード保護なし(採用担当者はアクセスを要求しない)。

Individual skills in this repo

This repo contains 13 individual skills — each has its own dedicated page.

Dragoon0x/everything-design-taste

Page transition choreography, staggered animations, and orchestrated motion sequences.

Dragoon0x/everything-design-taste

Hero section design patterns beyond the generic centered layout.

Dragoon0x/everything-design-taste

Landing page copywriting patterns including headlines, value propositions, and conversion-focused writing.

Dragoon0x/everything-design-taste

Landing page structure, conversion optimization, hero design, and landing page testing.

Dragoon0x/everything-design-taste

Designing for multiple languages, RTL support, date/number formatting, and cultural considerations.

Dragoon0x/everything-design-taste

Micro-interaction animation design, state transitions, and feedback animations.

Dragoon0x/everything-design-taste

A reference library of common micro-animations with CSS/JS implementations.

Dragoon0x/everything-design-taste

Motion design review, animation performance, and motion consistency checking.

Dragoon0x/everything-design-taste

Animation purpose, timing, easing philosophy, and motion as a design language element rather than decoration.

Dragoon0x/everything-design-taste

Pricing page layout, plan comparison, feature matrices, and pricing tier presentation.

Dragoon0x/everything-design-taste

Pricing page design, plan comparison, feature matrices, pricing psychology, and upgrade flows.

Dragoon0x/everything-design-taste

Video background design, hero videos, and video performance.

Dragoon0x/everything-design-taste

Pre-launch waitlist design, launch pages, and early access patterns.

関連スキル