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.

1809 available skills

tryramadan-accessibility

Logo of codingshot
codingshot

Accessibility (a11y) in TryRamadan. Covers skip link, focus visibility, aria-live for countdowns and dynamic content, RTL for Arabic, and axe-core tests. Use when adding or changing UI components, for

0
0
Developer

react:components

Logo of manas-z
manas-z

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

0
0
Developer

wakti

Logo of alfadlyqtr
alfadlyqtr

Global project rules, identity, platform constraints, PM authority, and mandatory design system for the Wakti AI app.

0
0
Developer

next-best-practices

Logo of ElementsAI-Dev
ElementsAI-Dev

Next.js best practices - file conventions, RSC boundaries, data patterns, async APIs, metadata, error handling, route handlers, image/font optimization, bundling

0
0
Developer

blog-autonomy

Logo of leonvanbokhorst
leonvanbokhorst

Guide for writing blog posts. Use when working on blog content, writing posts, publishing to the blog, or when user mentions blog, writing, expression, or publishing.

0
0
Developer

bluetooth-trainer-expert

Logo of JasonRowe
JasonRowe

Expert guidance on reverse-engineering, testing, and integrating Bluetooth Smart Trainers (Wahoo/FTMS) for fitness applications. Use when building or debugging cycling apps.

0
0
Developer

prisma

Logo of omer-metin
omer-metin

Expert in Prisma - the TypeScript ORM for type-safe database access. Covers schema design, migrations, Prisma Client queries, relations, edge deployment, and performance optimization. Essential for bu

0
0
Developer

design-guide

Logo of arkcle83
arkcle83

iRacing Session Manager - Team Performance Tracking

0
0
Developer

Layout Skill

Logo of jenniferied
jenniferied

Fixes image placement, column balancing, and white space issues in multi-column LaTeX documents

0
0
Developer

content-modeling-best-practices

Logo of firstcreditunion
firstcreditunion

General principles for structured content modeling that apply across CMSs, with Sanity-specific guidance. Use when designing content schemas, planning content architecture, or evaluating content reuse

0
0
Developer

tanstack-query

Logo of jhs88
jhs88

The tanstack-query skill enables developers to consistently use useSuspenseQuery from TanStack Query in a standardized way, simplifying data fetching across frontend applications. It benefits develope

0
0
Developer

content-modeling-best-practices

Logo of narr07
narr07

General principles for structured content modeling that apply across CMSs, with Sanity-specific guidance. Use when designing content schemas, planning content architecture, or evaluating content reuse

0
0
Developer