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

add-tutorial

Logo of C20-40A
C20-40A

add-tutorial is a skill that enables the creation of interactive tutorials with GIF files, multi-language support, and step-by-step guidance.

0
0
Developer

oauth-integrations

Logo of dennislee928
dennislee928

oauth-integrations is a skill that implements OAuth authentication protocols for edge environments, supporting GitHub and Microsoft OAuth in Cloudflare Workers and other edge runtimes.

0
0
Developer

react-best-practices

Logo of get-caio
get-caio

react-best-practices is a set of guidelines for optimizing React and Next.js application performance, covering data fetching, code review, and refactoring

0
0
Developer

build-iphone-apps

Logo of saxjax
saxjax

build-iphone-apps is a skill that allows users to describe and develop iPhone apps, leveraging xcodebuild and iOS Simulator for implementation and testing.

0
0
Developer

python-practice

Logo of jwplatta
jwplatta

python-practice is a skill that generates Jupyter notebooks filled with practice challenges and questions on pandas and algorithms.

0
0
Developer

recorder

Logo of Krual-T
Krual-T

Recorder is a skill that unifies JSONL recording for various data types, following a strict schema defined in .codex/schema.json.

0
0
Developer

python-cli-typer

Logo of narumiruna
narumiruna

python-cli-typer is a Python library for constructing command-line interfaces using Typer, emphasizing explicit and testable entry points.

0
0
Developer

flutter-navigation

Logo of abd0-omar
abd0-omar

flutter-navigation is a technique for implementing navigation and routing in Flutter applications across mobile and web platforms

0
0
Developer

sdd-plan

Logo of umatoma
umatoma

sdd-plan is a skill that creates an implementation plan from a specification document, following the principles of Specification-Driven Development (SDD).

0
0
Developer

gemini

Logo of interactive-inc
interactive-inc

Gemini is a skill that utilizes the Google Gemini AI model to provide an alternative perspective, enhancing thinking accuracy and decision-making capabilities.

0
0
Developer

framer-motion

Logo of tadams95
tadams95

framer-motion is a JavaScript library for creating animations and gestures in React applications, utilizing APIs like initial, animate, and transition.

0
0
Developer

accessibility

Logo of takapom
takapom

Accessibility is the practice of designing products to be usable by people with disabilities, ensuring equal access to information and functionality.

0
0
Developer