Frontend Design
176K starsGuidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designComparison
AgentSkills.io is a useful reference for the skill concept. OpenAgentSkill is built as the registry layer: agents can query, rank, compare, and install skills for real tasks.
| Signal | OpenAgentSkill | AgentSkills.io |
|---|---|---|
| Core idea | A searchable registry and install layer that helps agents discover, compare, and use reusable skills. | A strong conceptual and documentation hub around the Agent Skills format and ecosystem. |
| Primary user | Agents and builders who need ranked skill shortlists for a concrete task. | Humans learning the specification, concepts, and examples around agent skills. |
| Agent API | Registry endpoints for search, recommendation, manifest, install handoff, audits, packs, and rankings. | Documentation-first browsing and reference material. |
| Evaluation model | GitHub stars, freshness, quality score, trust checks, audit warnings, use-case fit, and install readiness. | Useful ecosystem context, but less focused on side-by-side decision scoring. |
| Best for | Task-to-skill selection, SEO landing pages, agent-readable metadata, and install workflow handoff. | Understanding what Agent Skills are and why the format matters. |
| Positioning | The skill layer for AI agents: discover, compare, install, and compose skills automatically. Think npm for AI Agent Skills. | A reference destination for the skill concept and examples. |
Registry
Search, recommend, fetch manifests, and return install handoffs.
Compare
Compare registry discovery with CLI-centered distribution.
SEO
Turn task intent into ranked, installable shortlists.
Real skill shortlist
Each row below is a real indexed skill with quality, Trust Score, audit risk, and an install handoff. This is the practical layer agents need before choosing what to run.
Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designUse Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.
$ npx skills add anthropics/skills --skill webapp-testingProduction-grade engineering skills for AI coding agents.
$ npx skills add addyosmani/agent-skills🎨 Local-first, open-source Claude Design alternative. 🖥️ Native desktop app. ⚡ 259+ Skills · ✨ 142+ Design Systems 🖼️ Web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Claude Code / OpenClaw / Codex / Cursor / OpenCode / Qwen / Copilot / Hermes / Kimi & 17+ CLIs.
$ npx skills add nexu-io/open-designDesign and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendAn agentic skills framework & software development methodology that works.
$ npx skills add obra/superpowersAI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts, social covers, and a WebGL/low-power presentation runtime.
$ npx skills add op7418/guizang-ppt-skillCrawlee—A web scraping and browser automation library for Node.js to build reliable crawlers. In JavaScript and TypeScript. Extract data for AI, LLMs, RAG, or GPTs. Download HTML, PDF, JPG, PNG, and other files from websites. Works with Puppeteer, Playwright, Cheerio, JSDOM, and raw HTTP. Both headful and headless mode. With proxy rotation.
$ npx skills add apify/crawlee