Redesigning My Portfolio with Claude Code + Frontend-Design Skill

Source: Dev.to

Overview

I redesigned my portfolio using Claude Code and the frontend‑design skill to improve layout, hierarchy, and overall UI quality.

Live Demo

🌐 httpshttps://mounaim.dev/

Source Code

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

Installation

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

# Run Claude
claude

Install the Frontend‑Design Skill

# Install the skill manager
npx skills

# Search for the skill
npx skills find

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

Using the Frontend‑Design Skill

Inside Claude, run:

/frontend-design [HERE PROMPT]

Example Prompt

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