Communitygithub.com

marcjustinruanes/pocketfinds

프런트엔드 디자인에 대한 고급 감각으로 웹 인터페이스를 구축, 검토, 개선합니다. 사용자가 UI를 디자인, 재디자인, 개선, 비평, 감사, 다듬거나 더 좋아 보이게 만들고자 할 때 사용하세요.

pocketfinds란 무엇인가요?

이 스킬은 엘리트 프런트엔드 디자인 감각을 제공하여 웹 인터페이스의 구축, 검토 및 개선을 돕습니다. 랜딩 페이지, 포트폴리오, 대시보드, 제품 UI, 컴포넌트, 폼, 온보딩, 빈 상태 등 다양한 UI 작업에 적합합니다. 사용자가 UI를 더 프리미엄하고 현대적으로 만들거나 스타일링을 수정하고 애니메이션을 추가/수정하려 할 때, 또는 디자인이 너무 평범하다고 느낄 때 특히 유용합니다. 타이포그래피, 색상, 간격, 레이아웃, 시각적 계층, 모션, 마이크로인터랙션 등 디자인의 핵심 요소를 다루며, Agent Skill 에코시스템(Claude Code, Cursor, Codex 등)에서 사용할 수 있습니다. SKILL.md 문서를 기반으로 실제 프로젝트 코드베이스에서 바로 적용 가능한 구체적인 조언과 개선 방향을 제시합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/marcjustinruanes/pocketfinds/tree/main/.claude/skills/design-taste

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

pocketfinds은(는) 무엇을 하나요?

프런트엔드 디자인에 대한 고급 감각으로 웹 인터페이스를 구축, 검토, 개선합니다. 사용자가 UI를 디자인, 재디자인, 개선, 비평, 감사, 다듬거나 더 좋아 보이게 만들고자 할 때 사용하세요. 대상: 랜딩 페이지, 포트폴리오, 대시보드, 제품 UI, 컴포넌트, 폼, 온보딩, 빈 상태 등. 또는 "더 예쁘게 / 프리미엄 / 현대적으로" 만들어 달라는 요청, 스타일링 수정, 애니메이션 추가/수정, 디자인이 너무 평범하다는 느낌("AI 똑같음")이 들 때도 사용하세요. 타이포그래피, 색상, 간격, 레이아웃, 시각적 계층, 모션, 마이크로인터랙션을 다룹니다.

관련 스킬