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.

2021 available skills

functions

Logo of pluginagentmarketplace
pluginagentmarketplace

Advanced function patterns including declaration styles, closures, scope chains, hoisting, and this binding. Master function composition and advanced techniques.

0
0
Developer

heartbeat

Logo of yuiseki
yuiseki

30分ごとに秘書モードで Yamato/Gmail/Tasks/Calendar を巡回し、(1) yamato-check で明日の受取時間整合をチェック、(2) メール確認、(3) メール由来のタスク追加・更新の提案、(4) 必要な予定のカレンダー追加の提案、(5) 未完了タスクのリマインドを行う。書き込み操作は必ずユーザーの承認を得る。Google Drive と Contacts は対象外

0
0
Developer

awesome:web-artifacts-builder

Logo of slavochek2
slavochek2

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state manag

0
0
Developer

pr-creator

Logo of google-gemini
google-gemini

pr-creator is an open-source AI agent that streamlines Pull Request creation. It guides you through branch management and commit best practices.

0
0
Developer

performance-optimization

Logo of diegoknsk
diegoknsk

Guia para otimização de performance — Span<T>, Memory<T>, ArrayPool, ValueTask, compiled queries e técnicas avançadas. Use quando a tarefa envolver performance, otimização, alocações, memory pooling o

0
0
Developer

develop-mcp-server-ts

Logo of yu-iskw
yu-iskw

develop-mcp-server-ts is a skill that enables building MCP servers with the official TypeScript SDK, following the MCP specification for tools and resources

0
0
Developer

thor-skills

Logo of NextronSystems
NextronSystems

thor-skills is a root skill that routes requests to sub-skills, enforcing global rules for reproducibility and safety in LLM workflows.

0
0
Developer

react-spectrum-s2

Logo of rblood79
rblood79

Build accessible UI components with React Spectrum S2 (Spectrum 2). Use when developers mention React Spectrum, Spectrum 2, S2, @react-spectrum/s2, or Adobe design system components. Provides document

0
0
Developer

coder

Logo of chijunzheng
chijunzheng

Use this agent when you need to implement new features, write new code, refactor existing code, or make any code changes to the codebase. This agent should be invoked for tasks requiring high-quality,

0
0
Developer

react-spectrum-s2

Logo of wudong
wudong

Build accessible UI components with React Spectrum S2 (Spectrum 2). Use when developers mention React Spectrum, Spectrum 2, S2, @react-spectrum/s2, or Adobe design system components. Provides document

0
0
Developer

testing

Logo of shinpr
shinpr

Applies TDD process, test quality criteria, and mock guidelines. Use when: writing unit tests, using mocks, or reviewing test quality.

0
0
Developer

ai-sdk

Logo of growupanand
growupanand

Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK functions like generateText, streamText, ToolLoopAgent, embed, or tools, (2) Want to bui

0
0
Developer