Communitygithub.com

Dragoon0x/everything-design-taste

作品集策展、案例研究選擇與作品集呈現策略。

everything-design-taste 是什麼?

此技能專注於幫助設計師打造優秀的設計作品集,涵蓋從策略到執行的完整流程。它提供具體的策展建議,例如選擇3-5個強而有力的案例研究,並強調品質重於數量。技能詳細說明了案例研究的結構,包括英雄圖像、專案摘要、角色與時程,以及問題、過程、解決方案和影響的完整敘述。它還揭示了審查者最關注的四個面向:思考過程、工藝品質、實際影響和溝通能力。此外,技能也包含作品集網站的設計建議,例如快速載入、行動裝置友善和清晰的導航。此技能適用於任何需要建立或優化設計作品集的平台,如個人網站或作品集平台,並以Markdown格式提供結構化的指南。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

設計作品集建構

作品集策略

策展

  • 3-5 個強而有力的案例研究。品質重於數量。
  • 展現廣度:不同的專案類型、產業或技能。
  • 以你最強的作品開場。
  • 移除任何你無法自信談論的內容。

案例研究結構

  1. 英雄圖像/影片(專案中最具視覺衝擊的內容)。
  2. 一行專案摘要。
  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.

相關技能