Best Design & frontend agent skills

Prototype

mattpocock/skills

Build a throwaway prototype to answer a design question.

Active · last commit Oct 19, 2026

Codebase Design

mattpocock/skills

Shared vocabulary for designing deep modules.

Active · last commit Oct 19, 2026

Frontend Design

anthropics/skills

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

Maintained · last commit Oct 9, 2026

Canvas Design

anthropics/skills

Create beautiful visual art in .png and .pdf documents using design philosophy.

Maintained · last commit Oct 9, 2026

Web Artifacts Builder

anthropics/skills

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

Maintained · last commit Oct 9, 2026

Brand Guidelines

anthropics/skills

Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel.

Maintained · last commit Oct 9, 2026

Slack Gif Creator

anthropics/skills

Knowledge and utilities for creating animated GIFs optimized for Slack.

Maintained · last commit Oct 9, 2026

Next Cache Components Adoption

vercel/next.js

Turn on Cache Components in a Next.js app and resolve the blocking routes it surfaces.

Active · last commit Oct 26, 2026

Next Dev Loop

vercel/next.js

Verify Next.js runtime behavior after editing app code.

Active · last commit Oct 26, 2026

Next Partial Prefetching Adoption

vercel/next.js

Turn on Partial Prefetching in a Next.js app and work through the insights it surfaces.

Active · last commit Oct 26, 2026

Next Partial Prefetching Optimizer

vercel/next.js

Optimize what selected Next.js client navigations include before the click under Partial Prefetching.

Active · last commit Oct 26, 2026

Design System

nextlevelbuilder/ui-ux-pro-max-skill

Token architecture, component specifications, and slide generation.

Active · last commit Oct 26, 2026

Brand

nextlevelbuilder/ui-ux-pro-max-skill

Brand voice, visual identity, messaging frameworks, asset management, brand consistency.

Active · last commit Oct 26, 2026

Design

nextlevelbuilder/ui-ux-pro-max-skill

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI), corporate identity program (50 deliverables, CIP mockups), HTML…

Active · last commit Oct 26, 2026

UI Styling

nextlevelbuilder/ui-ux-pro-max-skill

Create beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visual designs.

Active · last commit Oct 26, 2026

Banner Design

nextlevelbuilder/ui-ux-pro-max-skill

Design banners for social media, ads, website heroes, creative assets, and print.

Active · last commit Oct 26, 2026

Shadcn

shadcn-ui/ui

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces.

Active · last commit Oct 25, 2026

Migrate Radix To Base

shadcn-ui/ui

Migrates React projects and components from Radix UI to Base UI.

Active · last commit Oct 25, 2026

Frontend UI Engineering

addyosmani/agent-skills

Builds production-quality, accessible, responsive user-facing UIs.

Active · last commit Oct 13, 2026

Performance Optimization

addyosmani/agent-skills

Optimizes application performance across frontend, backend, queries, and databases.

Active · last commit Oct 13, 2026

API And Interface Design

addyosmani/agent-skills

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface.

Active · last commit Oct 13, 2026

Paperclip Capsules

paperclipai/paperclip

Generate, implement, or review Paperclip capsule visuals.

Active · last commit Oct 26, 2026

Wireframe

paperclipai/paperclip

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages.

Active · last commit Oct 26, 2026

Computer Use

stablyai/orca

Drives the GUI of a visible local app window through orca computer: accessibility tree, clicks, typing, menus, dialogs, and screenshots in native apps and external browser windows (Chrome, Edge…

Active · last commit Oct 26, 2026

Orca Emulator

stablyai/orca

iOS Simulator control from inside Orca, with the live device view in Orca's emulator pane.

Active · last commit Oct 26, 2026

Orca Emulator Android

stablyai/orca

Android device and emulator control from inside Orca over adb, with the live device view in Orca's emulator pane.

Active · last commit Oct 26, 2026

Aster Atelier

nexu-io/open-design

Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling.

Active · last commit Oct 26, 2026

Critique

nexu-io/open-design

Run a 5-dimension expert design review on any HTML artifact in the project — Philosophy / Visual hierarchy / Detail / Functionality / Innovation, each scored 0–10.

Active · last commit Oct 26, 2026

Digital Eguide

nexu-io/open-design

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2 is a spread (lesson body with pull-quote and a step list).

Active · last commit Oct 26, 2026

Gamified App

nexu-io/open-design

A multi-frame gamified mobile-app prototype — three phone frames on a dark showcase stage.

Active · last commit Oct 26, 2026

Design Is

thedotmack/claude-mem

Audit a design against Dieter Rams' ten "Good design is..." principles, then hand off a /make-plan prompt for one of three outcomes — new design, refine design, or redesign.

Active · last commit Oct 25, 2026

Design Taste Frontend

Leonxlnx/taste-skill

tasteskill v2, the anti-slop frontend skill.

Active · last commit Oct 24, 2026

Understand Figma

Egonex-AI/Understand-Anything

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.

Active · last commit Oct 26, 2026

Impeccable

pbakaus/impeccable

Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI…

Active · last commit Oct 25, 2026

Artifacts Builder

ComposioHQ/awesome-claude-skills

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

Maintained · last commit Jul 24, 2026

Slack Gif Creator

ComposioHQ/awesome-claude-skills

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

Maintained · last commit Jul 24, 2026

Remotion To Hyperframes

heygen-com/hyperframes

Bring existing video code or footage into HyperFrames and verify it frame by frame against the original - Remotion first, also Motion Canvas, Lottie, Three.js, p5.js, canvas or plain HTML/CSS…

Active · last commit Oct 26, 2026

Figma

heygen-com/hyperframes

Bring Figma into a HyperFrames video - rendered assets, brand tokens, components, storyboard frames as reconstructed motion (frames read as states, not slides), shaders and connector-assisted motion.

Active · last commit Oct 26, 2026

Diagram Design

cathrynlavery/diagram-design

Create branded architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar chart (polar/radial lollipop)…

Maintained · last commit Oct 25, 2026

Cirq

K-Dense-AI/scientific-agent-skills

Google quantum computing framework. Use when targeting Google Quantum AI hardware, designing noise-aware circuits, or running quantum characterization experiments.

Active · last commit Oct 19, 2026

Experimental Design

K-Dense-AI/scientific-agent-skills

Designs experiments and studies BEFORE data is collected — choosing a design, randomizing, blocking, and laying out treatment combinations so results are interpretable.

Active · last commit Oct 19, 2026

Applying Brand Guidelines

anthropics/claude-cookbooks

This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging.

Maintained · last commit Oct 24, 2026

Emil Design Eng

emilkowalski/skills

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

Maintained · last commit Oct 11, 2026

Review Animations

emilkowalski/skills

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

Maintained · last commit Oct 11, 2026

Apple Design

emilkowalski/skills

Apple's approach to interface design and fluid, physical motion, translated for the web.

Maintained · last commit Oct 11, 2026

Animation Vocabulary

emilkowalski/skills

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" →…

Maintained · last commit Oct 11, 2026

Find Animation Opportunities

emilkowalski/skills

Search a codebase or UI for places that don't animate but should, and reject everything that shouldn't.

Maintained · last commit Oct 11, 2026

Pick UI Library

emilkowalski/skills

Pick the right library for a given frontend task from a curated, opinionated list — numbers, OTP inputs, charts, command menus, virtualization, drag and drop, toasts, state, styling, and more.

Maintained · last commit Oct 11, 2026