Vibe Coding Design Polish
Description
바이브 코딩 완전 초보용 디자인 보정 스킬 (Claude Code Skill)
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
vibe-coding-design-polish
디자이너가 아닌 사람이 AI에게 프롬프트로 UI를 만드는 "바이브 코딩" 상황에서 쓰는 Claude Code 스킬입니다. 색 과다, 좁은 여백, 새까만 텍스트, 각진 모서리, 폰트 난립, 위계 부재, 반응형 깨짐, 빈 화면 미처리 등 초보자가 흔히 놓치는 8가지를 점검하고, 그대로 복사해서 쓸 수 있는 한국어 프롬프트를 제공합니다.
설치 방법
- 이 저장소의
SKILL.md를 다운로드합니다. - 자신의 홈 디렉터리에 폴더를 만들고 그 안에 넣습니다.
mkdir -p ~/.claude/skills/vibe-coding-design-polish
cp SKILL.md ~/.claude/skills/vibe-coding-design-polish/SKILL.md(Codex, Gemini CLI 등 다른 에이전트를 쓴다면 `~/.agents/skills/vibe-coding-design-polish/`에 넣어도 인식됩니다.)
사용법
별도 명령어 없이 자동으로 작동합니다. 대화 중 아래처럼 말하면 자동으로 이 스킬이 참고됩니다.
- "이거 AI가 만든 티 나는데 다듬어줘"
- "리니어처럼 해줘" / "토스처럼 해줘"
- "보정해줘" / "점검해줘" — 8개 체크리스트를 하나씩 대조해서 위반 항목만 짚어줍니다
라이선스
자유롭게 복사·수정·재배포해도 됩니다.
Related Skills
Algorithmic Art
Create generative art using p5.js with seeded randomness, flow fields, and particle systems
Brand Guidelines
Apply Anthropic's official brand colors and typography to artifacts
Canvas Design
Create beautiful visual art in PNG and PDF documents using design philosophy
Frontend Design
Create distinctive, production-grade frontend interfaces with high design quality
Slack Gif Creator
Create animated GIFs optimized for Slack's size constraints
Theme Factory
Style artifacts with professional themes including 10 pre-set color/font combinations