Home / Stacks / Frontend Developer
🎨

Frontend Developer

A complete toolkit for frontend engineers building polished, accessible, and performant web interfaces

6 skills · Works with Claude Code, Codex, Cursor & more

🌐 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
🎨 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

More Stacks

🤝

Agent Engineering Kit

Engineer reliable AI agents — build on the Claude Agent SDK, coordinate teams with multi-agent patterns, give them memory, and keep them safe with mechanical guardrails and evaluation
🤖

AI Builder Stack

Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations
🔬

AI Research Toolkit

Run grounded, cited research at scale — ingest sources with NotebookLM, enforce anti-hallucination guardrails, build RAG pipelines, and transcribe audio into searchable knowledge

View all stacks →

Added to wishlist