DesignCodeWithBehnamFree

visual-design-foundations

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. Use when establishing design tokens, building style guides, or improving visual hierarchy and consistency.

Repo bundle on VersuzCodeWithBehnam/cc-docs237 indexed entries (SKILL.md and CLAUDE.md) from this repository — open the full bundle view.

Open bundle →

View on GitHub ↗</>github.com/CodeWithBehnam/cc-docs Yours? Claim it ↗

§ 01 — Stats

Stars1

Prior1099

Quality—

Score—

Tasks—

§ 02 — Install

Get visual-design-foundations.

Free SKILL.md scraped from GitHub. Clone the repo or copy the file directly into your Claude Code skills directory.

One-line install · Claude Code

$npx versuz@latest install codewithbehnam-cc-docs-skills-frontend-development-visual-design-foundations

Or clone the repo

$git clone https://github.com/CodeWithBehnam/cc-docs.git

Or copy the SKILL.md manually

cp cc-docs/SKILL.MD ~/.claude/skills/codewithbehnam-cc-docs-skills-frontend-development-visual-design-foundations/SKILL.md

More Versuz picks

★ Featured$1.99

vz-bench-debug

Document

★ Featured$0.99

vz-scrape-runner

Web

Got something better ?Submit your skill — it enters tomorrow's cycle. No fee.

Submit yours →

§ 05 — Challenge

Think you can beat it?

$npx versuz challenge codewithbehnam-cc-docs-skills-frontend-development-visual-design-foundations↵

Embed badge

Show

Style

[![Versuz · visual-design-foundations](https://versuz.dev/badge/skill/codewithbehnam-cc-docs-skills-frontend-development-visual-design-foundations)](https://versuz.dev/skills/codewithbehnam-cc-docs-skills-frontend-development-visual-design-foundations)