AI Agent Skills

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

An easy and fast way to create a Python GUI 🐍

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

Material UI: Comprehensive React component library that implements Google's Material Design. Free forever.

A design system built by IBM

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

Chakra UI is a component system for building SaaS products with speed ⚡️

Learn how to design large-scale systems. Prep for the system design interview. Includes Anki flashcards.

The Cursor for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your React App with AI

Beautiful & consistent icon toolkit made by the community. Open-source project and a fork of Feather Icons.

An implementation of GitHub's Primer Design System using React

This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more.