Design Skill Leaderboard

A library of AI agent skills covering API integration, behavioral nudges, and the creation of algorithmic art using p5.js.

A design skill for extracting visual DNA from URLs or screenshots and applying intentional UI patterns to AI-generated pages.

Creates branded architecture, data flow, and UML diagrams in multiple formats with support for brand token integration and custom styling.

A skill library for content production and publishing: visual asset generation, cross-platform posting, Markdown formatting, diagram creation, and automated release workflows.

Eight skills covering GSAP core, timelines, ScrollTrigger, performance, framework integration, plugins, and utility methods for web animation development.

Generates parametric CAD parts and robot-description files from text, with integrated visual review and 3D print job initiation.

Converts Stitch designs into React and React Native components, including Vite-based dashboards with Web3 integration and TanStack Query.

Generates Xiaohongshu Rednote carousels, WeChat cover pairs, and Live Photo motion cards using editorial or Swiss design systems.

A set of skills for converting tutorials into reusable AI capabilities and implementing standardized company logos in web design.

Design and accessibility skills for building WCAG-compliant UI components, semantic HTML layouts, and scalable color systems.

Generates simple, cute, square character images with a two-color palette and rounded forms for use as product mascot logos.

Generates 2D game maps, including RPG backgrounds and tactical arenas, with configurable collision models and engine export targets.

A design utility for creating self-contained HTML UI mockups, prototypes, and wireframes using AI agents.

Scans Apple documentation to identify deprecated SwiftUI APIs and provide modern replacements for iOS and macOS development.

A collection of design engineering principles for implementing polished UI components, animations, and visual details.

Applies the Nothing monochrome design system with typographic hierarchy, spacing rules, anti-patterns, and platform-specific components for product and UI designers.

A curated library of 67 design system skill files with token sets, typography, components, and accessibility rules for AI-powered interface design.

A set of design principles for styling HTML artifacts, focusing on palette, type pairing, and layout to create professional visual deliverables.

A comprehensive set of design operations skills for conducting structured critiques, auditing design debt, and reporting business impact.

A 45-skill kit for Claude Code covering backend development, databases, authentication, devops, multimodal AI, document editing, and debugging.

Architecture guidance for cross-platform desktop apps that must feel native, covering native shells, embedded WebViews, IPC contracts, memory truths, and OS-convention checklists.

Extracts design tokens, qualitative style, and visual effects from screenshots or URLs, then generates HTML and CSS from the resulting structured JSON profile.

A motion design reference with timing tables, easing curves, personality archetypes, and choreography patterns for UI animations across any framework.

Implementation guidance for MD3 tokens, components, and compliance audits across Jetpack Compose, Flutter, and web.

Designs or restructures folders, repositories, and knowledge bases into agent-walkable pipelines, libraries, context maps, and edit maps.

A structured onboarding design and build workflow covering user transformation mapping, screen blueprinting, content drafting, and code implementation for high-converting app signup flows.

A set of media skills for exporting 3D Chladni particle animations and Remotion-based candlestick charts.

Detects and removes AI-generated design patterns, default semantic palettes, and machine-voice copy from web projects.

Matches design projects to award programs and categories by verifying eligibility rules and comparing project data against official criteria.

A design-centric skill for creating cinematic websites and multi-screen product systems with automated visual quality gates.

Extracts pinouts, electrical characteristics, and technical specifications from component datasheets for use in PCB and schematic analyzers.

Directs AI image generation with creative control—prompt engineering, brand presets, batch variations, and editing—for social, web, and product visuals.

Automates the design and generation of editable PowerPoint decks using a brief-to-PNG review workflow.

A design kit for creating manufacture-realistic parametric CAD models through a code-based workflow, including tools for design specifications and model validation.

Generates UI components from brand recipes and audits pages for accessibility and UX heuristic compliance.

Guidelines for designing and implementing responsive product interfaces, visual hierarchies, and design system surfaces.

Generates design language skills for AI coding assistants from brand analysis, producing structured design tokens, component specs, and platform mappings.

A suite of skills for web animation and 3D development, featuring GSAP, Framer Motion, Three.js, Babylon.js, and Blender-to-web pipelines.

Creates scroll-driven interactive landing pages using custom page grammars, pinned sections, and frame-by-frame video scrubbing.

Implements physically based sky systems, including atmospheric scattering and aerial perspective, for Three.js environments.

Audits UI designs against WCAG 2.2 and ARIA patterns to provide accessibility findings and specific remediation fixes.

Conducts WCAG accessibility audits and generates remediation plans to ensure web compliance across the four core accessibility principles.

Guides a conversation about content and visual vibe, selects from 35 colour palette styles, and generates an editable Feishu whiteboard for diagrams, infographics, and posters.

Generates on-brand HTML presentation decks and responsive websites using brand DNA extraction and codified design rules for slides and web.

Transforms images of handwriting into installable TTF, WOFF, and WOFF2 font files.

A collection of 68 product management skills and workflows for AI agents, structured around the Triple Diamond framework.

Provides expertise in color spaces, OKLCH perceptual matching, WCAG/APCA accessibility verification, and the construction of semantic color token graphs.

Generates parametric CadQuery models for 3D-printable functional parts, enclosures, and mechanical components.

A set of design-focused agent skills that convert briefs into vertical slice task lists and conduct structured reviews of AI-generated UI.

Provides a design token system and component generation skills for forms, tables, dashboards, layouts, and more, with a capstone skill that assembles them into production-ready projects.