Communitygithub.com

Dragoon0x/everything-design-taste

포트폴리오 큐레이션, 케이스 스터디 선정, 포트폴리오 발표 전략

everything-design-taste란 무엇인가요?

이 스킬은 디자이너가 강력한 포트폴리오를 구축할 수 있도록 돕기 위해 설계되었습니다. 포트폴리오의 핵심 전략, 케이스 스터디 구조, 리뷰어가 중점적으로 보는 평가 기준, 그리고 포트폴리오 사이트 디자인 모범 사례를 다룹니다. 주요 목표는 양보다 질을 강조하며, 지원자가 자신의 작업을 명확하고 자신감 있게 전달할 수 있도록 안내하는 것입니다. 이 스킬은 플랫폼에 독립적이므로, Cursor, Claude Code, Codex 등 어떤 AI 에이전트 환경에서도 포트폴리오 초안 작성이나 리뷰에 활용할 수 있습니다. SKILL.md 문서는 큐레이션, 케이스 스터디 작성법, 심사자의 시각, 사이트 디자인 원칙을 구조화된 지침으로 제공하여, 디자이너가 체계적이고 임팩트 있는 포트폴리오를 완성하도록 지원합니다.

지원 대상~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. 한 줄 프로젝트 요약.
  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.

관련 스킬