Design Skill Leaderboard

A library of agent skills including API integrations, behavioral nudges, and p5.js generative art capabilities for LLM agents.

Generates multi-platform banners and creative assets using specific art direction styles and platform dimensions.

A design-focused skill collection for premium frontend direction, visual generation, redesigns, brand systems, and motion-led implementation.

A frontend design skill for auditing UX, optimizing visual hierarchy, and implementing advanced UI effects and reusable design tokens.

Generates branded architecture, data flow, and process diagrams including UML, ER models, and user journey maps with support for Mermaid and Excalidraw imports.

Implements high-performance animations and gestures in Expo using Reanimated, Gesture Handler, and expo-haptics.

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

Automates versioning, changelog generation, and GitHub Releases for multiple languages alongside translation utilities.

A suite of tools for generating parametric CAD models from text and exporting them to 3D printing formats.

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

A library of AI skills covering PR reviews and PowerPoint orchestration, including color palette selection and slide design recipes.

A suite of skills for fixing UI layout issues, auditing HTML accessibility, and documenting design languages in DESIGN.md files.

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

Design skills for auditing WCAG 2.2 accessibility and generating semantic color tokens and palettes.

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

Technical guidance for Three.js 3D materials, high-poly asset optimization, and web design implementation.

A set of AI skills for implementing opinionated JS/TS tooling, monorepo configuration, and standardized GitHub pull request creation.

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

A tool for turning personal photos into Morandi-style cinematic posters using professional typography, selective subject occlusion, and atmospheric layout.

Filters generic AI output to enforce higher standards for code comments, UI accessibility, and copywriting.

Produces self-contained HTML UI mockups, prototypes, and wireframes for rapid design iteration.

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

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

Technical instructions for Three.js scene setup, geometry creation, and animation mixing.

A set of finance skills for quantitative modeling, company valuation, and multi-source market data analysis.

Generates monochrome and duotone editorial images using risograph-style printing aesthetics, limited ink palettes, and structured typography.

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

Develops high-end, scroll-animated landing pages using dimensional hero compositions and planned visitor journey maps.

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

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

A research-driven approach for implementing benchmark-quality mobile UI and feature flows based on top-grossing app patterns.

Generates and optimizes 3D models, animations, textures, and audio assets specifically for Three.js game development.

A comprehensive logo-design skill for Claude, Gemini CLI, Codex and other AI agents: principles, process, SVG craft, testing tools and a 1,400+ logo reference library.

A design system for landing pages covering page structure, conversion copywriting, SEO, and detailed visual specifications for typography and layout.

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

Provides technical guidance for creating, editing, and validating WordPress Playground Blueprint JSON files and bundles.

Generates SVG logos and brand icons using geometric design patterns and creates professional showcase presentations.

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

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 styles, and visual effect specifications from references into a structured JSON profile.

Over thirty curated skills for marketing lead research, competitive ad analysis, content writing, generative art, frontend development, Notion integration, document processing, and operational workflow automation.

Analyzes app code to identify core benefits and generates ASO-optimized App Store screenshots.

A design system utility for generating DTCG tokens, applying named visual aesthetics, and performing WCAG 2.2 accessibility audits.

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

Generates code-based animations and short films in specific artistic styles such as Watercolor, Ukiyo-e, and Whiteboard Explainer.

Provides specialized skills for codebase analysis, REST and GraphQL API design, and backend architecture optimization.

Extracts and caches structured specifications, pin functions, and electrical characteristics from electronic component datasheets for use in hardware analysis.

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

Generates brand kits, product photography, and marketplace assets including logos, typography, and brandbooks.

WebGPU Three.js skill for node-based shaders with TSL, including renderer setup, custom materials, compute shaders, post-processing, and WGSL integration.