Agent Skills Hub

About

What are agent skills?

Agent skills package instructions, scripts, and reference material into a single folder (SKILL.md) so an AI agent can perform a specific task better. Claude, ChatGPT/Codex, Cursor, Gemini CLI, and GitHub Copilot all support the same format.

About this site

We collect skills from across the web and show which agents they work with and how to install them. Each skill belongs to its original author, and we always link to the source.

한국어

Category: Design

Frontend Design

Design principles that help agents build polished web UIs instead of generic AI-looking pages.

What it does

  • Guides typography, spacing, and color systems
  • Implements UI component by component
  • Checks responsiveness and accessibility

When to use it

Raises the quality of landing pages, dashboards, and marketing sites you build with an agent.

How to install

  1. Download the skill folder.
  2. Copy it into your project's .cursor/skills/ or ~/.claude/skills/.
  3. Ask something like "Build a landing page for this product".
View source ↗

Related skills