Design

Creative and design automation skills for UI generation, visual systems, branding, and front-end workflows.

This directory brings installable AI Agent skills into one place so you can filter by search, category, topic, and official source, then install them directly into Claude Code, Cursor, Windsurf, and other supported environments.

2500 available skills

custom-frontend-design

Logo of chrispangg
chrispangg

custom-frontend-design is a Deep Agent Harness framework that builds distinctive frontend interfaces using Vercel's AI SDK v6, focusing on aesthetic details and creative choices.

98
0
Developer

auto-memory

Logo of tractorjuice
tractorjuice

Enterprise Architecture Governance & Vendor Procurement Toolkit

96
0
Developer

write-data-type-ref

Logo of zio
zio

Powerful, joyful building blocks for modern cloud-native applications.

95
0
Developer

lading-preflight

Logo of DataDog
DataDog

lading-preflight is a collection of data generation and load testing tools, enabling developers to test and validate their applications

93
0
Developer

generate-component-story

Logo of samurmaykrr
samurmaykrr

THE Editor.

92
0
Data

strategy-compare

Logo of marketcalls
marketcalls

strategy-compare is a coding skill for backtesting trading strategies using VectorBT, supporting multiple markets and featuring realistic transaction cost modeling.

92
0
Developer

reflection

Logo of straubt1
straubt1

Reflection is a process of reviewing entire conversation history and code diffs to capture key lessons and decisions in CLAUDE.md.

91
0
Developer

creating-pull-request

Logo of tile-ai
tile-ai

creating-pull-request is a skill that automates the process of creating pull requests using git commands and following specific conventions

88
0
Developer

integrity-checks

Logo of danthegoodman1
danthegoodman1

Like Envoy xDS, but for eBPF filters

87
0
Developer

run-quality-checks

Logo of leboncoin
leboncoin

run-quality-checks is a skill that executes code quality checks, including linting, type checking, and formatting, to ensure high-quality code in React applications.

87
0
Design

update-pr

Logo of indexnetwork
indexnetwork

Discovery Protocol

86
0
Data

implement-destination

Logo of segmentio
segmentio

Implement-destination is a skill that generates complete Segment action-destination code from analysis documents, supporting OpenAPI specifications and Standard Analysis Format.

80
0
Developer