Claude Code와 함께 내 포트폴리오 재설계 + Frontend-Design Skill

Source: Dev.to

개요

Claude Code와 frontend‑design 스킬을 사용해 포트폴리오를 재디자인하여 레이아웃, 계층 구조 및 전반적인 UI 품질을 향상시켰습니다.

라이브 데모

🌐 httpshttps://mounaim.dev/

소스 코드

💻 https://github.com/saidMounaim/mounaim.dev

설치

# Install Claude
curl -fsSL https://claude.ai/install.sh | bash

# Run Claude
claude

Frontend‑Design 스킬 설치

# Install the skill manager
npx skills

# Search for the skill
npx skills find

# Install the official Anthropic version
# (select /frontend-design when prompted)
claude

Frontend‑Design 스킬 사용법

Claude 내부에서 다음을 실행합니다:

/frontend-design [HERE PROMPT]

예시 프롬프트

Redesign my portfolio hero section using modern UI best practices.
Improve spacing, typography, and CTA clarity.
Keep it minimal and developer-focused.