SKILL.md packages that extend Claude Code, Cursor, Copilot, and other AI agents.
Tags

web-design
A professional web design workflow that generates standardized design specifications (DESIGN.md) before producing high-fidelity, responsive UI code.

superpowers-sage
Route design links (Paper, Figma, Stitch, local assets) to the correct extractor, extract per-section layout and assets, and save structured design notes for im

userinterface-wiki
Comprehensive UI/UX best-practices guide with 150+ rules for animation, typography, accessibility, audio, and performance-focused front-end patterns.

rico-skills
Design toolkit that analyzes projects, suggests fixes across color/typography/spacing, and generates or applies 20 built-in UI themes or custom themes from a re

beko2210
Guidelines and best practices for building high-fidelity web animations using Anime.js, including timelines, staggering, easing, and performance notes.

skills
Conducts a meticulous final quality pass on frontend features to fix alignment, spacing, and interaction gaps.

L&G Canopy
Implementation guide for adding filter button controls in Angular projects using the Canopy design system.

claude-skills
Comprehensive toolkit for generating design tokens, color palettes, typography scales, and managing developer handoff for consistent UI systems.

linuxdevel
Advanced design and polish system for professional Avalonia .NET applications.

rflectr
Expert guidelines and assets for generating branded interfaces and prototypes for the rflectr local smart-router gateway.

limeime
Design guidelines and UI components for LIME 萊姆輸入法, facilitating the creation of branded interfaces and prototypes for Android & iOS.

ai-enablement-prompts
Analyzes Figma designs to propose React component architecture, props APIs, and variant handling without generating code.

intopia
Build accessible web user interfaces that meet WCAG 2.2 Level AA standards.

vebidor
Generates branded interfaces, marketing assets, and documentation visuals for the Vebidor WebDriver library.

skills
Expert implementation of React animations using Motion, covering gestures, scroll effects, layout transitions, and performance optimization.

claude-mpm-skills
Implementation guide and primitives for building accessible, unstyled UI components with Headless UI.

prototype-to-figma-skill
Convert working code prototypes into structured, annotated Figma design files with pixel-perfect visual parity.

decisionsai
Orchestrates technical planning and review by routing work to the most appropriate visual surface, including Mermaid, visual-plan, and Open Design.

Agentic Dev Team
Analyzes frontend components to detect duplication, prop-drilling, and architectural inconsistencies.

agent-skills
Expert implementation of Motion (formerly Framer Motion) for React, covering gestures, scroll effects, and layout transitions.

activer007
Guides the creation of production-grade, visually striking frontend interfaces that avoid generic AI aesthetics in favor of bold, intentional design.

motionly
Professional design principles for creating clear motion graphics compositions, focusing on visual hierarchy, layout patterns, and color theory.

awesome-omni-skill
Advanced design thinking for web UI, focusing on UX psychology, color theory, and typography to create high-impact, non-generic interfaces.

retail-agentic-commerce
Frontend development standards for Retail-Agentic-Commerce using Next.js 15+, React 19, and Tailwind CSS.

google-play-screenshot-skill
Create high-converting Google Play screenshots using a guided ASO workflow and AI-powered visual enhancements.

My CC Harness
Analyzes Stitch projects to create a semantic DESIGN.md file, ensuring consistent UI generation and visual identity.

Dev Agent OPC
Production-grade UI development focusing on design contracts, accessibility, and rigorous visual QA.

igniteui-webcomponents
Professional styling and theming for Ignite UI Web Components using CSS custom properties, Sass, and a dedicated Theming MCP server.

Get Shit Pretty (GSP)
Build production-ready type systems including fluid scales, font pairings, and vertical rhythm with CSS output.

antigravity-fullstack-hq
Ensure high-quality, accessible, and responsive web interfaces by following WCAG 2.1 AA standards and modern design patterns.