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.

1806 available skills

vue-nuxt-project-standards

Logo of shotly
shotly

Enforces Vue 3, Nuxt 4, TypeScript, and TailwindCSS development standards for the project. Use when writing Vue components, Nuxt pages, TypeScript code, or when following project coding conventions an

0
0
Developer

distinctive-frontend-design

Logo of ThallesP
ThallesP

Creates distinctive, production-grade frontend interfaces with a bold aesthetic direction and meticulous visual detail. Use when the user requests a UI, page, component, or frontend build and expects

0
0
Developer

observability-guidelines

Logo of mvappshub
mvappshub

Observability guidelines for distributed systems using OpenTelemetry, tracing, metrics, and structured logging

0
0
Developer

monolith-websocket-pubsub

Logo of cggonzal
cggonzal

Use when implementing real-time functionality using the built-in websocket pub/sub layer (`/ws`), including subscribe/message protocol and channel design.

0
0
Developer

motion-systems

Logo of 0xSahils
0xSahils

Creates high-quality motion systems with staggered animations, smooth entrances, count-up numbers, hover glows, animated gradients, floating elements, and parallax. Use when building motion design, ad

0
0
Developer

rewrite-tests-pest

Logo of pekral
pekral

Rewrites existing PHPUnit-style tests to PEST syntax following project testing rules. Use when the user wants to convert tests to PEST, rewrite tests to PEST syntax, or migrate PHPUnit tests to Pest.

0
0
Developer

failing-deployments

Logo of damacus
damacus

Investigates failing Kubernetes pods and Flux HelmReleases to identify root causes of deployment issues in the home-ops cluster.

0
0
Developer

fix-lint

Logo of codecrafters-io
codecrafters-io

Run the frontend linter, analyze failures, and fix them iteratively. Use when linting fails, lint errors appear, or the user asks to fix lint issues in the frontend repo.

0
0
Developer

documentation

Logo of iulspop
iulspop

Generates clear, example-driven documentation with runnable code samples and progressive complexity. Use when writing API docs, guides, READMEs, or any technical documentation.

0
0
Developer

frontend-design

Logo of vnzzzz
vnzzzz

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill for UI tasks that build web components, pages, or applications. Generates creative, polished code that

0
0
Developer

kb-orchestrator-workflow

Logo of kvcop
kvcop

Orchestrator-first workflow for building and shipping changes via KB Orchestrator (orchestrator/): setup target repo/workdir, run validation jobs with artifacts + safety, then run structured code revi

0
0
Developer

release-check

Logo of ivuorinen
ivuorinen

Run full pre-release verification suite

0
0
Developer