Agent Skills

Design Motion Principles

design-motion-principles

Motion and interaction design guidance with two modes (Create and Audit) that provides context-weighted recommendations and accessibility-first rules for UI ani

Design Engineering

ai-toolkit

Guidelines and patterns for UI animation, micro-interactions, and component polish to build performant, accessible, and delightful interfaces.

Panel Custom Components

marcskovmadsen

Patterns and templates for building custom Panel components (JSComponent, ReactComponent, AnyWidget, MaterialUI). Includes decision guides, POC checklist, and P

Airtable Custom Interface Extensions (SDK Reference)

airtable-interface-extension-toolkit

A concise SDK reference and best-practices guide for building Airtable Interface Extensions using @airtable/blocks/interface — includes scaffolding, hooks, comm

FigUI3

figui3

Guidance for developing and maintaining the FigUI3 web components library (fig-*) with best practices for accessibility, React/Vite integration, theming, and ov

sRouting Development

srouting

Guidance for integrating and using the sRouting SwiftUI navigation framework, including coordinator setup, route observers, tab and stack navigation, and deep-l

Muse — Design Token System

agent-skills

Define, manage, and apply design tokens (color, spacing, typography, shadows) and build a token-first design system with dark-mode and accessibility support.

marimo Notebook

skills

Guide and reference for marimo — a reactive Python notebook system that stores notebooks as pure .py files, enabling reproducible, Git-friendly workflows, app d

Colorize (Strategic UI Color)

Impeccable (design language)

Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.

Framer Plugin Development Guide

fredm00n/framerlabs

Expert reference for building, debugging, and publishing Framer plugins: scaffolding, modes, ManagedCollection APIs, build tooling, and marketplace rules.

SolanaUI

solanaui

A 30-component React UI library (shadcn/ui + Tailwind) for Solana DeFi apps: swap boxes, order books, position tables, NFT cards and dashboards.

Flutter BLoC State Management

agent-skills-standard

Guidelines and verification checklist for implementing predictable, testable BLoC/Cubit state management in Flutter apps, with recommended patterns and anti-pat

Better Icons

better-icons

CLI and MCP skill to search 200+ icon libraries (Iconify) and retrieve SVGs for projects or AI agents.

Frontend Developer (role)

code-virtuoso

Implements UI components and frontend architecture: responsive layouts, accessibility, state management, API integration, and frontend tests.

Makepad Event/Action

awesome-skills-cn

Event and action handling patterns for Makepad widgets — guides handling Mouse/Touch/Keyboard events, Hit detection, action emission and parent capture.

Makepad Basics

awesome-skills-cn

Guides and examples for starting Makepad apps with makepad-widgets: project setup, live_design! DSL, app_main!, and basic event/widget patterns.

ProofShot

proofshot

Record browser sessions, capture screenshots and errors, and bundle visual proof artifacts to verify UI features and regressions.

UI Skills (Powerball Harness)

powerball-harness

Generates accessible UI components, landing sections, hero areas and feedback forms with constraint-driven rules and an accessibility quality gate.

Frontend Design

awesome-ai-agent-skills

Design and implement production-ready, accessible, responsive frontend interfaces and components (React/Vue/Svelte) with design tokens and dark mode support.

i-Colorize (Color Strategy)

claudefiles

Analyze designs and introduce a small, accessible color palette with semantic roles and verification steps — consults design context before proposing changes.

@json-render/vue

json-render

Vue 3 renderer that converts JSON UI specs into Vue components with data binding, visibility rules, and actions—useful for rendering AI-generated UI specs progr

Resend Design Skills (brand & design system)

design-skills

A collection of Resend-specific design skills: brand guidelines, design system tokens, marketing page patterns, and design audit routines for product and market

Colorize

marketplace

Add strategic, accessible color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement without sacrificing accessibility.

Makepad Basics

antigravity-awesome-skills

Guides agents to create, structure, and bootstrap Rust Makepad applications using makepad-widgets (dev branch) with code patterns, macros, and event handling.

Overlays: Focus & Dismissal (react-utils)

accelerator

Patterns and small hooks (useDismiss, useFocusReturn, useInert) for building accessible dialogs, popovers, and overlays that dismiss correctly and restore focus

Acorn Livewire (Livewire in WordPress via Acorn)

superpowers-sage

Integrates Livewire v3 into Sage/Acorn WordPress themes for server-driven reactive UI (forms, real-time search, file uploads) without writing client JS.

Aberdeen UI Guidance

aberdeen

Guidance for AI assistants and developers on building fine-grained reactive UIs with the Aberdeen library—patterns for proxies, efficient list rendering, transi

Aquila (Angular Brand Kit)

ng-aquila

Guidance for using the Aquila Angular component library: import patterns, form handling, grid layout, and component API best practices for modern Angular apps.

UI Thing (Nuxt component system)

ui-thing

Author, maintain, and convert UI Thing components, blocks, prose and themes for Nuxt projects; includes guidance for converting React/shadcn code into native Vu

motion-sv — Motion for Svelte

animations

A Svelte 5 port of Motion (Framer Motion) providing animation components, gesture props and layout helpers for smooth UI transitions.