Home / Categories / Design
🎨

Design

Design systems, UX copy, accessibility reviews, generative art, and visual design.

Skills 38
Featured 1
🎨 Design
RARE

shadcn-svelte Components

Add accessible, themeable UI to Svelte apps with shadcn-svelte. Installs and composes Button, Card, Dialog, Form, and Table components wired to design tokens and Tailwind.

Community 1.2K
Scanned
shadcn-svelte svelte components
mkdir -p ~/.claude/skills/shadcn-svelte && curl -fsSL https://raw.githubusercontent.com/diegosouzapw/awesome-omni-skill/HEAD/skills/development/shadcn-svelte/SKILL.md -o ~/.claude/skills/shadcn-svelte/SKILL.md
🌐 Community
RARE

Three.js Scenes & Shaders

Build production-quality vanilla Three.js scenes (no R3F) — voxel worlds, procedural geometry, instancing/BatchedMesh, particle systems, and GLSL shader effects (bloom, god rays, depth of field, glitch). Includes EffectComposer post-processing and draw-call optimization.

tuomashatakka 1.1K
Scanned
threejs glsl shaders
mkdir -p ~/.claude/skills/threejs-scenes && curl -fsSL https://raw.githubusercontent.com/tuomashatakka/threejs-scenes-skill/HEAD/skill/SKILL.md -o ~/.claude/skills/threejs-scenes/SKILL.md
🎨 Design
COMMON

Google Fonts Typography System

Generate complete typography systems from Google Fonts. Suggests single fonts or pairs across 1,900+ families tagged by personality and contrast, then outputs a full type scale as CSS custom properties, Tailwind config, and embed links.

amohavarshansankar 900
Scanned
typography fonts design-tokens
mkdir -p ~/.claude/skills/google-fonts && curl -fsSL https://raw.githubusercontent.com/amohavarshansankar/google-fonts-skill/HEAD/SKILL.md -o ~/.claude/skills/google-fonts/SKILL.md
🎨 Design
COMMON

Design DNA Extractor

Extract, define, and apply a design's DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll). Turn reference images or URLs into a structured JSON profile, or generate a design from one.

Tricholomaaurantiumknottiness355 700
Scanned
design-system design-tokens webgl
mkdir -p ~/.claude/skills/design-dna && curl -fsSL https://raw.githubusercontent.com/Tricholomaaurantiumknottiness355/design-dna/HEAD/SKILL.md -o ~/.claude/skills/design-dna/SKILL.md
🌐 Community
COMMON

Design Taste Frontend

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.

Community 500
Scanned
design data
mkdir -p ~/.claude/skills/design-taste-frontend && curl -fsSL https://raw.githubusercontent.com/rampstackco/claude-skills/HEAD/skills/art-direction/SKILL.md -o ~/.claude/skills/design-taste-frontend/SKILL.md
Added to wishlist