Vibeleaderboard

Search

Searching the tools index
Filters

Type

Ready to use
Build with
Connect / Integrate
Extend
Operate
Reference

Topics

More topics

Source

Ranked under Top · All Time

  1. 29

    Skills for Design Engineers

    Agent skills by Emil Kowalski that give coding agents design-engineering taste in animation easing, timing, and polish.

    Extensiongithub.com/emilkowalski/skillsFree

    @emilkowalski · Developer Tools

  2. 981

    Make Interfaces Feel Better

    Agent skill covering animation, typography, hover states, and optical alignment in interfaces.

    Extensiongithub.com/jakubkrehel/make-interfaces-feel-betterOpen Source

    jakubkrehel · AI Agents

  3. 829

    jakubkrehel/skills

    Installable agent skills that let AI assistants improve a product's animations, typography, layout, and colors.

    Extensiongithub.com/jakubkrehel/skillsOpen Source

    @jakubkrehel · AI Agents

  4. 860

    Agent Skills (MengTo/Skills)

    Curated agent skills for designers building interfaces, games and reusable UI workflows.

    Extensiongithub.com/mengto/skillsOpen Source

    MengTo · AI Agents

  5. 3314

    Refactoring UI Skills

    Ten Claude Code and Cursor skills that turn Refactoring UI principles into structured design reviews.

    Extensiongithub.com/gnurio/refactoring-ui-pluginOpen Source

    @nurijanian · Developer Tools

  6. 112

    Huashu Design

    Design skill for AI coding agents that turns natural language into HTML prototypes, slide decks, and animations.

    Extensiongithub.com/alchaincyf/huashu-designOpen Source

    alchaincyf · Developer Tools

  7. 878

    Transitions.dev

    Interactive collection of copy-ready CSS transitions, packaged as a skill for AI agents.

    Applicationgithub.com/jakubantalik/transitions.dev

    Jakubantalik · Developer Tools

  8. 86

    Interface Design

    Claude plugin that saves spacing, color, and component decisions so UI stays consistent across coding sessions.

    Extensiongithub.com/dammyjay93/interface-designOpen Source

    @Dammyjay93 · Developer Tools

  9. 20

    Taste Skill

    Prompting skills that steer AI coding tools toward modern frontend output with better animation, spacing, and visuals.

    Extensiongithub.com/leonxlnx/taste-skillOpen Source

    leonxlnx · Developer Tools

  10. 983

    Oil Motion

    Agent skill that maps scroll, mouse, drag, or touch input to frames of AI-generated video for web animations.

    Extensiongithub.com/oil-oil/oil-motionOpen Source

    @I_am_oil_oil · AI Agents

  11. 3027

    Budge

    Visual interface for adjusting AI-generated design output directly instead of prompting back and forth.

    Applicationhttps://github.com/millionco/budgeOpen Source

    millionco · Developer Tools

  12. 823

    UI Skills

    Registry of UI skills for design engineers, browsable from a CLI or over an MCP endpoint.

    Servicegithub.com/ibelick/ui-skillsOpen Source

    ibelick · AI Agents

  13. 670

    UI UX Pro Max

    Agent skill that supplies design intelligence for UI/UX work across platforms and frameworks.

    Extensiongithub.com/nextlevelbuilder/ui-ux-pro-max-skillOpen Source

    nextlevelbuilder · AI Agents

  14. 1767

    iphone-duo-design

    Agent skill with a Swift linter and templates for laying out iOS apps on both iPhone Duo displays.

    Extensiongithub.com/belweave/iphone-duo-designOpen Source

    Developer Tools

  15. 488

    Figma

    Collaborative interface design tool with real-time multiplayer editing, design systems, and Dev Mode.

    Applicationfigma.comFreemium

    @figma · Developer Tools

  16. 1782

    apparat/ui

    React and Tailwind component library for building creative tools like canvas editors and node graphs.

    Library / Frameworkgithub.com/tommyjepsen/apparat-uiOpen Source

    Developer Tools

  17. 932

    GSAP Skills

    Teaches AI coding agents correct GSAP animation patterns, best practices, and plugin usage.

    Extensiongithub.com/greensock/gsap-skillsOpen Source

    greensock · AI Agents

  18. 3754

    genieUI

    Turns text prompts into editable app interfaces built from your own design system components.

    Applicationgenieui.com

    Developer Tools

  19. 1259

    swiss-design-skill

    Assess a fixed Swiss-style design recipe, including typography, spacing and the limits of its examples.

    Extensiongithub.com/zeke/swiss-design-skillOpen Source

    zeke · AI Agents

  20. 4205

    design-elevate

    Gives a generic web app its own visual identity via a token-first design doc and mockup loop.

    Extensiongithub.com/avanderheyde/design-elevateOpen Source

    @Alderik_ · AI Agents

  21. 19

    Impeccable

    Design skills package for AI coding assistants with 17 commands and curated anti-patterns for frontend work.

    Extensionimpeccable.styleFree

    @pbakaus · Developer Tools

  22. 1171

    Anima

    Claude Code skill that builds interactive, cited isometric biology figures as standalone HTML pages

    Extensiongithub.com/garinmckayl/animaOpen Source

    Developer Tools

  23. 134

    React Bits

    Open-source collection of animated, interactive React components for building customizable user interfaces.

    Library / Frameworkreactbits.devOpen Source

    @DavidHDev · Developer Tools

  24. 2756

    ArrowJS

    Zero-dependency UI framework that sandboxes agent-generated components in WebAssembly and renders straight to the DOM.

    Library / Frameworkarrow-js.comOpen Source

    @jpschroeder · Developer Tools

  25. 2769

    Svelte 5 Animations

    Open-source set of 50+ animated components for Svelte 5, built with TypeScript, Tailwind CSS, and Motion SV.

    Library / Frameworksv-animations.vercel.appOpen Source

    sikandarjodd · Developer Tools

  26. 971

    Text-to-Lottie

    Skill that turns text prompts into production-ready Lottie animations via a coding agent.

    Extensiongithub.com/diffusionstudio/lottieOpen Source

    diffusionstudio · Developer Tools

  27. 213

    DESIGN.md

    A format spec for describing a visual identity to coding agents so they produce consistent, on-brand UI.

    Protocol / Standardgithub.com/google-labs-code/design.md

    google-labs-code · Developer Tools

  28. 2969

    Amicro — Micro-transitions

    Curated library of React micro-interaction components built with Motion, with live previews and one-click code copying.

    Library / Frameworkgithub.com/subhan-code/amicro--micro-transitions-Open Source

    @SubhanHQ · Developer Tools

  29. 3428

    Framer Motion Animations

    Animate.css-style preset animations ported to Framer Motion as drop-in keyframes for React interfaces.

    Library / Frameworkhttps://github.com/thedotmack/framer-motion-animationsOpen Source

    thedotmack · Developer Tools

  30. 3106

    Agentic Design

    Chat-native canvas where humans and AI agents build products together, positioned as a Figma alternative.

    Applicationhttps://github.com/nexu-io/agentic-designOpen Source

    nexu-io · Developer Tools