⏳ This skill is pending AI review.

Scores will appear once the review pipeline completes.

version unknown

frontend-design

@karanjot786⭐ 182 stars

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

Choose how to use this skill

You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.

1. Native installer

This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.

Do not guess an installer command or replace an existing version without reviewing the diff.

2. Complete package recommended

Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.

No complete ProSkills package is published for this listing yet.

3. Prompt-only

Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.

Need only the instruction file?

Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.

No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.

—/10

// RATINGS

⭐GitHub Stars
⭐⭐⭐ 182 on GitHubGitHub ↗

Popular

🟢ProSkills Score
—
📍

Not yet listed on ClawHub or SkillsMP

// README

Agent Skills CLI 🚀

One CLI. 175,000+ skills. 45 AI agents.

npm version npm downloads license Website GitHub Stars

Install skills from the world's largest marketplace and sync them to 45 AI agents including Cursor, Claude Code, GitHub Copilot, Windsurf, Cline, Gemini CLI, Zed, and more — all with a single command.

What's new in v1.1.9: -a now accepts comma-separated agent lists (-a claude,cursor), unknown agent names show a clear error instead of crashing on undefined lookup. Thanks to @10432mztn for the fix.

🌐 Website: agentskills.in

npm install -g agent-skills-cli
skills install @anthropic/xlsx

✨ Features

  • 175,000+ Skills — Access the largest collection of AI agent skills
  • 42 AI Agents — Cursor, Claude, Copilot, Windsurf, Cline, Gemini CLI, Zed, and 35+ more
  • FZF Interactive Search — Real-time search with keyboard navigation: skills search -i
  • Conflict Detection — Find contradictions and overlaps across skills: skills doctor --deep
  • Context Budget — Smart token-aware skill selection for your project: skills budget -b 8000
  • Skill Diff — Section-aware comparison of two skills: skills diff A B
  • Frozen Installs — Deterministic lockfile-based installs (like npm ci): skills frozen
  • Skill Compose — Merge, chain, or conditionally combine skills: skills compose A B -o C
  • Skill Testing — 10 built-in quality assertions + custom tests: skills test --all
  • Sandbox Preview — Quality + conflicts check before install: skills sandbox @owner/repo
  • Watch Mode — Auto-sync skills to agents on file changes: skills watch
  • Skill Splitter — Split large skills into focused sub-skills: skills split my-skill
  • Benchmarking — Compare skill quality across your collection: skills bench --all
  • Private Git Repos — GitLab, Bitbucket, SSH, self-hosted Git: skills install git@host:team/repo
  • npm Packages — Install from npm registries: skills install npm:@scope/package
  • .skillsrc Config — Enterprise config files for custom registries, tokens, and defaults
  • Quality Scoring — 4-dimension skill scoring (0–100): skills score
  • Lock File Tracking — Track all installations in ~/.skills/skills.lock
  • Platform Targeting — Install to specific platforms with -t claude,cursor

📦 Installation

npm install -g agent-skills-cli

Requirements: Node.js 18+


🚀 Quick Start

# ⭐ Install a skill (auto-detects platforms)
skills install @facebook/verify

# ⭐ Install from a GitHub repo
skills add vercel-labs/agent-skills

# ⭐ Install from private Git (auto-detects credentials)
skills install [email protected]:team/internal-skills.git
skills install https://git.company.com/team/skills --token $GIT_TOKEN

# ⭐ Install from npm registry
skills install npm:@company/skills
skills install npm:@company/skills --registry https://npm.company.com

# Install to specific platforms
skills install @facebook/verify -a claude,cursor

# Install to ALL 42 platforms at once
skills install @lobehub/typescript --all

# Install globally (home directory)
skills install pdf -g -a claude

# Install specific skill from repo
skills add anthropic/skills@xlsx

# List skills in a repo
skills add owner/repo --list

# Remove installed skills
skills remove xlsx

# Check installed skills
skills check

# Update skills from source
skills update --all

# Search and install skills interactively (multi-select)
skills search python

# Search + auto-install all results to an agent
skills search python -a claude -y

# Search + install to specific agents
skills search react -a cursor claude

🌐 Browse 175,000+ skills at agentskills.in/marketplace


🛠️ Commands

Core Commands

CommandDescription
skills install <name>Install a skill from marketplace
skills add <source>Install from Git repo (owner/repo or URL)
skills search <query>Search and install skills (multi-select)
skills search -iFZF-style interactive search with keyboard navigation
skills search <query> -a <agent> -ySearch and bulk-install all results to an agent
skills checkCheck installed skills with source and version info
skills updateUpdate skills from their source repos
skills removeRemove installed skills (interactive multi-select)
skills score [path]Score skill quality (0–100, grades F–A)
skills submit-repo <repo>Submit a GitHub repo for marketplace auto-indexing
skills doctorDiagnose issues (--deep for conflict detection)

Power Tools (v1.1.4)

CommandDescription
skills budget -b <tokens>Smart context budget — load only relevant skills within limit
skills diff <A> <B>Section-aware skill comparison
skills compose <skills...>Merge/chain/conditional skill composition
skills test [skills...]Run quality assertions against skills
skills frozenDeterministic install from lockfile
skills sandbox <source>Preview skill quality + conflicts before installing
skills watch [dir]Auto-sync skills to agents on file changes
skills split <skill>Split large skills into focused sub-skills
skills bench [skills...]Benchmark and compare skill quality

Install Options

skills install @facebook/verify          # Auto-detect platforms (prompts)
skills install @facebook/verify -a cursor # Install to Cursor only
skills install @lobehub/typescript -a cursor,claude  # Install to multiple
skills install @facebook/verify --all     # Install to all 45 agents
skills install pdf -g -a claude           # Install globally (~/.claude/skills/)
skills install -s verify -a cursor        # Install by skill name
skills add @facebook/verify -a cursor     # 'add' is an alias for 'install'

# Bulk install all skills from a repo (no prompts)
skills install @ComposioHQ/awesome-claude-skills -a claude -y
skills install @github/awesome-copilot -a cursor,claude -y
skills install @owner/repo --all -y        # All skills to all agents

Git URL Install (skills add)

skills add owner/repo              # GitHub shorthand
skills add owner/repo@skill-name   # Install specific skill directly
skills add https://github.com/user/repo  # Full URL
skills add https://gitlab.com/org/repo   # GitLab
skills add owner/repo --list       # List skills in repo
skills add owner/repo -s skill-name      # Install specific skill
skills add owner/repo -y -g        # Non-interactive, global
skills add owner/repo -a claude -y # Install ALL skills to claude (no prompt)

Private Git Repos

# SSH (auto-detects SSH keys)
skills install [email protected]:team/private-repo.git
skills install [email protected]:team/internal-skills.git

# HTTPS with token
skills install https://git.company.com/team/repo --token=xxx

# Token from environment variable
GITLAB_TOKEN=xxx skills install https://gitlab.com/team/repo
BITBUCKET_TOKEN=xxx skills install https://bitbucket.org/team/repo

# Bitbucket
skills install https://bitbucket.org/team/skills-repo

Auth resolution order: --token flag → env vars (GH_TOKEN, GITLAB_TOKEN, BITBUCKET_TOKEN, GIT_TOKEN) → SSH keys → git credential helper → .netrc

npm Packages

# Public npm packages
skills install npm:chalk
ski

// HOW IT'S BUILT

KEY FILES

.agent/skills/frontend-design/SKILL.mdREADME.md

// REPO STATS

182 stars