使用 Claude Code + Frontend-Design 技能重新设计我的作品集

Source: Dev.to

概览

我使用 Claude Code 和 frontend‑design 技能重新设计了我的作品集，以提升布局、层次结构和整体 UI 质量。

在线演示

🌐 httpshttps://mounaim.dev/

源代码

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

安装

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

# 运行 Claude
claude

安装 Frontend‑Design 技能

# 安装技能管理器
npx skills

# 搜索技能
npx skills find

# 安装官方 Anthropic 版本
# （在提示时选择 /frontend-design）
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.