🎯

design-frontend

🎯Skill

from ravnhq/ai-toolkit

What it does

A visual design system skill covering layout patterns, responsive design, and Tailwind CSS tokens for building web UIs with Claude Code.

📦

Same repository

ravnhq/ai-toolkit(13 items)

design-frontend

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add ravnhq/ai-toolkit --skill design-frontend

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add ravnhq/ai-toolkit --skill design-frontend

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/design-frontend/SKILL.md

SKILL.md

28Installs

AddedFeb 12, 2026

View on GitHub Back to Skills

More from this repository10

🎯

agent-skill-creator🎯Skill

Guide skill for creating effective agent skills, providing core principles, best practices, and structured guidance for extending Claude Code capabilities with specialized knowledge and workflows.

🎯

design-accessibility🎯Skill

Skill

🎯

platform-frontend🎯Skill

Skill

🎯

agent-init-deep🎯Skill

Skill

🎯

design-mobile🎯Skill

Skill

🎯

tech-tanstack-router🎯Skill

Skill

🎯

design🎯Skill

Skill

🎯

platform-mobile🎯Skill

Skill

🎯

swift-concurrency🎯Skill

Skill

🎯

figma-to-react-components🎯Skill

Skill