⏳ This skill is pending AI review.
Scores will appear once the review pipeline completes.
frontend-design
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.
// RATINGS
Not yet listed on ClawHub or SkillsMP
// README
Agent Skills CLI 🚀
One CLI. 175,000+ skills. 45 AI agents.
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 .skillsrcConfig — 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
| Command | Description |
|---|---|
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 -i | FZF-style interactive search with keyboard navigation |
skills search <query> -a <agent> -y | Search and bulk-install all results to an agent |
skills check | Check installed skills with source and version info |
skills update | Update skills from their source repos |
skills remove | Remove 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 doctor | Diagnose issues (--deep for conflict detection) |
Power Tools (v1.1.4)
| Command | Description |
|---|---|
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 frozen | Deterministic 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