claude-design-skills

Q: How to install claude-design-skills?

Create the skills directory: mkdir -p .claude/skills. Then run: mkdir -p .claude/skills && curl -o .claude/skills/claude-design-skills.md https://raw.githubusercontent.com/connerkward/claude-design-skills/main/SKILL.md. Finally, /claude-design-skills in Claude Code.

Q: What is claude-design-skills best for?

claude-design-skills is categorized under General. It covers: frontend, design.

New

GitHub TrendingGeneralby connerkward

Claude Code skills for frontend design — design systems, typography, layout/spatial critique, art direction. Push Claude past generic AI aesthetics.

First seen 6/12/2026

Install & Usage

Create the skills directory

mkdir -p .claude/skills

Download the skill file

mkdir -p .claude/skills && curl -o .claude/skills/claude-design-skills.md https://raw.githubusercontent.com/connerkward/claude-design-skills/main/SKILL.md

Invoke in Claude Code

/claude-design-skills

View source on GitHub

frontenddesign

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is claude-design-skills?

Claude Code skills for frontend design — design systems, typography, layout/spatial critique, art direction. Push Claude past generic AI aesthetics.

How to install claude-design-skills?

To install claude-design-skills: create the skills directory (mkdir -p .claude/skills), then run: mkdir -p .claude/skills && curl -o .claude/skills/claude-design-skills.md https://raw.githubusercontent.com/connerkward/claude-design-skills/main/SKILL.md. Finally, /claude-design-skills in Claude Code.

What is claude-design-skills best for?

claude-design-skills is a skill categorized under General. It is designed for: frontend, design. Created by connerkward.