Skill

frontend-design

frontend-design — a Claude Code skill from vipulgupta2048/codex-skills

Features

✓AI-powered frontend design skill
✓Customizable design systems
✓Code recipes for layouts and motion
✓Production-ready starter templates
✓Automated skill activation for HTML/CSS/JS/React tasks
✓Visit GitHub for more details

Installation Guide

Option 1: Manual Installation (Recommended)

Copy the frontend-design/ folder to one of these locations:

| Scope | Location | Use Case |
|-------|----------|----------|
| User | ~/.codex/skills/ | Personal skills available in all projects |
| Repo | .codex/skills/ (in repo root) | Team skills shared via version control |
| Admin | /etc/codex/skills/ | System-wide skills for all users |

bash

# User scope (personal)
cp -r frontend-design ~/.codex/skills/

# Repo scope (team)
mkdir -p .codex/skills
cp -r frontend-design .codex/skills/

Option 2: Using skill-installer