AI Agent Skill Repository

AI Agent Skills Directory

Browse reusable skills for Codex, Claude Code, Cursor, finance, research, web scraping, PPT, football analytics, data, marketing, design, and more.

Live registry search

Results for “web-design-and-development

Exact name and slug matches are checked against the live registry before ranked alternatives.

Clear search

Decision filters

Choose by scenario, quality, and trust signals.

Showing 1-16 of 67 ranked candidates matching "web-design-and-development"

Best blend of relevance, quality, freshness, and verified outcomes

1

Web Design Guidelines

VERIFIEDEXCELLENT · 100TRUST · 88SAFE · REVIEWEDDESIGN

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

$ npx skills add vercel-labs/agent-skills --skill web-design-guidelines
30.3K stars75 quality88 trustReviewedClaude Code + OpenAI Agents1d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

codexclaude-codecursor
by vercel-labsDetailsQuick view
2

System Design Primer

VERIFIEDEXCELLENT · 100TRUST · 85SAFE · REVIEWEDDESIGN

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

$ npx skills add donnemartin/system-design-primer
353.4K stars71 quality85 trustReviewed5mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

pythondesign-systems
by donnemartinDetailsQuick view
3

Apple Design

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · VERIFIEDDESIGN

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

$ npx skills@latest add emilkowalski/skills
17.6K stars71 quality90 trustVerifiedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
4

Frontend Design

VERIFIEDEXCELLENT · 100TRUST · 88SAFE · REVIEWEDDESIGN

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

$ npx skills add anthropics/skills --skill frontend-design
2 agent calls100% success170.9K stars84 quality88 trustReviewedClaude Code + OpenAI Agents1d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by anthropicsDetailsQuick view
5

Canvas Design

VERIFIEDEXCELLENT · 100TRUST · 87SAFE · REVIEWEDDESIGN

Create original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.

$ npx skills add anthropics/skills --skill canvas-design
170.9K stars78 quality87 trustReviewedClaude Code + OpenAI Agents1d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by anthropicsDetailsQuick view
6

Emil Design Engineering

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDCODING

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

$ npx skills@latest add emilkowalski/skills
12.9K stars70 quality90 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Coding agents

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
7

Carbon

VERIFIEDEXCELLENT · 100TRUST · 87SAFE · REVIEWEDDESIGN

A design system built by IBM

$ npx skills add carbon-design-system/carbon
1 agent calls100% success9.2K stars71 quality87 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

typescriptdesign-systems
by carbon-design-systemDetailsQuick view
8

Taste Skill: Anti-Slop Frontend

VERIFIEDEXCELLENT · 100TRUST · 92SAFE · REVIEWEDDESIGN

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontend
2 agent calls50% success79.0K stars83 quality92 trustReviewedClaude Code + OpenAI Agents1d since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

codexclaude-codecursor
by LeonxlnxDetailsQuick view
9

Figma Implement Design

VERIFIEDEXCELLENT · 100TRUST · 86SAFE · REVIEWEDDESIGN

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

$ npx skills add openai/skills --skill figma-implement-design
25.1K stars71 quality86 trustReviewedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

codexclaude-codecursor
by openaiDetailsQuick view
10

Material Ui

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDDESIGN

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

$ npx skills add mui/material-ui
98.4K stars75 quality90 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

javascriptdesign-systems
by muiDetailsQuick view
11

Daisyui

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDDESIGN

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

$ npx skills add saadeghi/daisyui
41.1K stars73 quality90 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

sveltedesign-systems
by saadeghiDetailsQuick view
12

Chakra Ui

VERIFIEDEXCELLENT · 100TRUST · 88SAFE · REVIEWEDDESIGN

Chakra UI is a component system for building SaaS products with speed ⚡️

$ npx skills add chakra-ui/chakra-ui
40.4K stars72 quality88 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

typescriptdesign-systems
by chakra-uiDetailsQuick view
13

Animation Vocabulary

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · VERIFIEDDESIGN

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iO…

$ npx skills@latest add emilkowalski/skills
1 agent calls100% success16.5K stars75 quality90 trustVerifiedClaude Code + OpenAI Agents1mo since pushSafe to try

Scenario Design and creative

Claude Code + OpenAI Agents · 4 targets

claude-codecodexcursor
by Emil KowalskiDetailsQuick view
14

P5.Js

VERIFIEDEXCELLENT · 100TRUST · 88SAFE · REVIEWEDDESIGN

p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on t…

$ npx skills add processing/p5.js
23.7K stars71 quality88 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

javascriptcreative-coding
by processingDetailsQuick view
15

Graphite

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDDESIGN

Community-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedu…

$ npx skills add GraphiteEditor/Graphite
26.3K stars71 quality90 trustReviewed2mo since pushSafe to try

Scenario Design and creative

CLI + Codex · 4 targets

rustcreative-coding
by GraphiteEditorDetailsQuick view
16

Onlook

VERIFIEDEXCELLENT · 100TRUST · 90SAFE · REVIEWEDDESIGN

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

$ npx skills add onlook-dev/onlook
25.9K stars71 quality90 trustReviewedCursor2mo since pushSafe to try

Scenario Design and creative

Cursor + CLI · 4 targets

typescriptfigma
by onlook-devDetailsQuick view

Page 1

Showing the strongest 16 results to keep the registry fast for humans and agents. Refine by use case, platform, stars, or search query for a narrower shortlist.

Try the agent resolve API