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

context-loader

Logo of gaebalai
gaebalai

context-loader is a multi-agent AI development environment skill that loads project context to synchronize knowledge between Codex CLI and Claude Code.

2
0
Developer

qa

Logo of benkruger
benkruger

qa is an opinionated Claude process for Ruby on Rails that enables maintainers to test the FLOW plugin locally before releasing.

2
0
Developer

openspec-explore

Logo of evildarkarchon
evildarkarchon

openspec-explore is a skill that enables exploration mode for thinking and visualizing, allowing developers to read files, search code, and investigate codebases without implementing features.

2
0
Developer

elephant-build

Logo of AutumnsGrove
AutumnsGrove

elephant-build is a nature-themed, indie-web skill for building and deploying applications with SvelteKit and Cloudflare.

2
0
Developer

nextjs-best-practices

Logo of mikemikula
mikemikula

nextjs-best-practices is a set of guidelines for optimizing Next.js applications, focusing on Server and Client Component architecture and data fetching strategies.

2
0
Developer

shadcn

Logo of dartilesm
dartilesm

shadcn is a UI component framework that allows developers to add components as source code to their projects via the CLI using commands like npx shadcn@latest

2
0
Developer

shadcn

Logo of AstroAir
AstroAir

shadcn is a framework for building UI components and design systems, utilizing shadcn/ui, zustand, and tailwindcss for efficient development

2
0
Developer

commit-work

Logo of Neko-Protocol
Neko-Protocol

commit-work is a skill that enables developers to make logical and scoped commits with descriptive messages, following specific commit styles and rules.

2
0
Developer

synthesize-inbox-entry

Logo of thisisartium
thisisartium

synthesize-inbox-entry is a skill that converts raw text into a structured inbox entry using a predefined template.

2
0
Developer

migrate-component

Logo of plaenen
plaenen

migrate-component is a skill that enables the migration of DaisyUI components into WebX templ components, utilizing a step-by-step guide.

2
0
Developer

implement-feature

Logo of common-member
common-member

Implement-feature is a skill that follows the Spec Driven Development workflow, helping developers to understand the codebase and implement new features by reading relevant issues, models, specs, and routes.

2
0
Developer

chronos-release

Logo of all-source-os
all-source-os

chronos-release is a skill that automates the release process for the AllSource Chronos monorepo, following a strict immutable tags policy.

2
0
Developer