🎯

frontend-design

🎯Skill

from sickn33/antigravity-awesome-skills

What it does

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

Overview

frontend-design is a Claude Code skill for creating distinctive, production-grade frontend interfaces with intentional aesthetics and high craft. It focuses on building web UIs that have a non-generic visual identity, avoiding cookie-cutter designs in favor of purposeful, polished interfaces.

Key Features

Intentional visual identity: Guides Claude to create frontend designs that stand out with distinctive aesthetics rather than generic template-like output.
Production-grade output: Ensures generated UI code is ready for production use with proper structure, responsiveness, and polish.
Component and page design: Applies to web UIs, components, pages, dashboards, and full frontend applications.
High-craft styling: Emphasizes visual quality and attention to design detail when building or styling frontend elements.

Who is this for?

This skill is for frontend developers and designers who want Claude Code to produce visually distinctive, polished web interfaces rather than generic-looking output. It is ideal for building dashboards, landing pages, or component libraries where visual identity and design quality matter.

📦

Same repository

sickn33/antigravity-awesome-skills(1229 items)

frontend-design

Installation

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

npx vibeindex add sickn33/antigravity-awesome-skills --skill frontend-design

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

npx skills add sickn33/antigravity-awesome-skills --skill frontend-design

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

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

SKILL.md

792Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

More from this repository10

🎯

docker-expert🎯Skill

A Docker specialization skill from the Antigravity Awesome Skills collection, providing AI coding assistants with deep Docker containerization expertise across Claude Code, Gemini CLI, Cursor, and more.

🎯

clean-code🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

nextjs-supabase-auth🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

nextjs-best-practices🎯Skill

Next.js development best practices covering App Router, server components, data fetching, performance optimization, and deployment strategies.

🎯

prisma-expert🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

playwright-skill🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

typescript-expert🎯Skill

Advanced TypeScript development guidance covering generics, type system patterns, API design, and code optimization.

🎯

api-security-best-practices🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

browser-automation🎯Skill

A collection of 255+ universal agentic skills for AI coding assistants including Claude Code, Gemini CLI, Codex CLI, Antigravity IDE, GitHub Copilot, and Cursor.

🎯

security-review🎯Skill

Automated security vulnerability scanning for code dependencies, configurations, API endpoints, and Docker containers.