🎯

ui-design

🎯Skill

from shajith003/awesome-claude-skills

What it does

Claude skills for designing polished UIs in single HTML files with Tailwind CSS, styled after modern design systems like Linear, Stripe, and Vercel.

📦

Same repository

shajith003/awesome-claude-skills(12 items)

ui-design

Installation

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

npx vibeindex add shajith003/awesome-claude-skills --skill ui-design

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

npx skills add shajith003/awesome-claude-skills --skill ui-design

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

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

SKILL.md

823Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

slack-gif-creator🎯Skill

A Claude Code skill for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives for message and emoji GIFs.

🎯

theme-factory🎯Skill

Claude skills for designing polished UIs in single HTML files with Tailwind CSS, styled after modern design systems like Linear, Stripe, and Vercel.

🎯

brand-guidelines🎯Skill

A brand guidelines skill that applies Anthropic official brand colors and typography to artifacts for consistent visual formatting.

🎯

skill-creator🎯Skill

Claude skills for designing polished UIs in single HTML files with Tailwind CSS, styled after modern design systems like Linear, Stripe, and Vercel.

🎯

canvas-design🎯Skill

A Claude Code skill for creating visual art and designs by developing design philosophies and expressing them as PNG or PDF canvases, useful for posters and static visual pieces.

🎯

mcp-builder🎯Skill

A guide skill for creating high-quality MCP servers that enable LLMs to interact with external services, supporting both Python (FastMCP) and Node/TypeScript (MCP SDK) implementations.

🎯

algorithmic-art🎯Skill

A Claude Code skill for creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration, outputting HTML viewers and JS generative scripts.

🎯

artifacts-builder🎯Skill

A Claude Code skill for building elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui, designed for complex artifacts requiring state management, routing, or advanced UI components.

🎯

template-skill🎯Skill

A template skill that provides a basic scaffold for creating new Claude Code skills with placeholder instructions.

🎯

webapp-testing🎯Skill

A web application testing skill using Playwright for verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.