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. 2100

    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. 1561

    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. 2069

    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. 2199

    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. 113

    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. 2085

    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. 873

    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. 1650

    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. 2058

    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. 1966

    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. 482

    Figma

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

    Applicationfigma.comFreemium

    @figma · Developer Tools

  15. 1172

    apparat/ui

    An open-source React and Tailwind CSS component library offering 28 components, 8 composite blocks, and 4 full editor templates for building creative software like canvas editors, node graphs, and motion design tools. It focuses on tactile micro-interactions, scrubbable numeric inputs, and spring-based animations for a precise, monospace aesthetic.

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

    Developer Tools

  16. 2084

    GSAP Skills

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

    Extensiongithub.com/greensock/gsap-skillsOpen Source

    greensock · AI Agents

  17. 2225

    swiss-design-skill

    Agent skill applying Swiss International Style typography and grids through Tailwind CSS.

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

    zeke · AI Agents

  18. 2358

    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

  19. 22

    Impeccable

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

    Extensionimpeccable.styleFree

    @pbakaus · Developer Tools

  20. 136

    React Bits

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

    Library / Frameworkreactbits.devOpen Source

    @DavidHDev · Developer Tools

  21. 1395

    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

  22. 1412

    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

  23. 2093

    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

  24. 224

    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

  25. 1646

    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

  26. 1957

    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

  27. 1713

    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

  28. 1850

    Interface Craft

    Design library for software interfaces with curated articles, videos, interactive playgrounds, and references.

    Applicationwww.interfacecraft.devPaid

    Education

  29. 2078

    Remotion Agent Skills

    Official Remotion agent skills for creating, previewing, and rendering programmatic videos.

    Extensiongithub.com/remotion-dev/skills

    remotion-dev · AI Agents

  30. 961

    Agentation

    Turns click-and-note UI annotations into structured markdown with CSS selectors that AI coding agents can act on.

    Applicationagentation.devFree

    @benjitaylor · Developer Tools