Web Design Pro Pack
Our hand-picked best of web design — production-grade UI, motion, design tokens, and accessibility. Five skills that work seamlessly together to ship a polished website.
Install the whole bundle
5 skills into ~/.claude/skills/. Free.
Paste into your terminal. Restart Claude Code afterwards — new skills are picked up on startup.
git clone https://github.com/anthropics/skills.git /tmp/anthropics__skills
mkdir -p ~/.claude/skills/frontend-design && cp -r /tmp/anthropics__skills/skills/frontend-design/. ~/.claude/skills/frontend-design/
git clone https://github.com/alirezarezvani/claude-skills.git /tmp/alirezarezvani__claude-skills
mkdir -p ~/.claude/skills/epic-design-alirezarezvani && cp -r /tmp/alirezarezvani__claude-skills/engineering-team/skills/epic-design/. ~/.claude/skills/epic-design-alirezarezvani/
mkdir -p ~/.claude/skills/a11y-audit-alirezarezvani && cp -r /tmp/alirezarezvani__claude-skills/engineering-team/a11y-audit/skills/a11y-audit/. ~/.claude/skills/a11y-audit-alirezarezvani/
git clone https://github.com/daymade/claude-code-skills.git /tmp/daymade__claude-code-skills
mkdir -p ~/.claude/skills/ui-designer-daymade && cp -r /tmp/daymade__claude-code-skills/ui-designer/. ~/.claude/skills/ui-designer-daymade/
mkdir -p ~/.claude/skills/theme-factory && cp -r /tmp/anthropics__skills/skills/theme-factory/. ~/.claude/skills/theme-factory/This copies each skill's full folder (SKILL.md plus any supporting scripts, reference docs, or asset templates) so every skill works out of the box. Safe default.
Faster alternative (instruction-only skills)
Skips the git clone and downloads only each SKILL.md. Avoid if any skill in the bundle ships Python scripts, reference markdowns, or asset templates — they'll be missing and the skill will fail when it tries to load them.
mkdir -p ~/.claude/skills/frontend-design && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/frontend-design/SKILL.md -o ~/.claude/skills/frontend-design/SKILL.md
mkdir -p ~/.claude/skills/epic-design-alirezarezvani && curl -fsSL https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/skills/epic-design/SKILL.md -o ~/.claude/skills/epic-design-alirezarezvani/SKILL.md
mkdir -p ~/.claude/skills/a11y-audit-alirezarezvani && curl -fsSL https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/a11y-audit/skills/a11y-audit/SKILL.md -o ~/.claude/skills/a11y-audit-alirezarezvani/SKILL.md
mkdir -p ~/.claude/skills/ui-designer-daymade && curl -fsSL https://raw.githubusercontent.com/daymade/claude-code-skills/main/ui-designer/SKILL.md -o ~/.claude/skills/ui-designer-daymade/SKILL.md
mkdir -p ~/.claude/skills/theme-factory && curl -fsSL https://raw.githubusercontent.com/anthropics/skills/main/skills/theme-factory/SKILL.md -o ~/.claude/skills/theme-factory/SKILL.mdWhat's inside
UI/UX Pro Max
anthropics
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.
Cinematic Web Animations
alirezarezvani
Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. Use this skill for any web design task: landing pages, product sites, hero sections, scroll animations, parallax, sticky sections, section overlaps, floating products between sections, clip-path reveals, and text that flies in from sides.
WCAG Accessibility Audit
alirezarezvani
Accessibility audit skill for scanning, fixing, and verifying WCAG 2.2 Level A and AA compliance across React, Next.js, Vue, Angular, Svelte, and plain HTML codebases. Use when auditing accessibility, fixing a11y violations, checking color contrast, generating compliance reports, or integrating accessibility checks into CI/CD pipelines.
Reference UI to Design System
daymade
Extract design systems from reference UI images and generate implementation-ready UI design prompts. Use when users provide UI screenshots/mockups and want to create consistent designs, generate design systems, or build MVP UIs matching reference aesthetics.
Artifact Theme Toolkit
anthropics
Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.