Vibeleaderboard

Tools

What you need to be a great vibe coder
ListMap
FeaturedVibe Costs · tracks what vibe coders spend on subscriptions, APIs and hostingVisit ↗

No exact matches. Showing similar apps:

  1. 01

    Skills for Design Engineers

    A collection of AI agent skills by Emil Kowalski that give coding agents design-engineering taste — better animation easing, timing, and UI polish. Installable via npx; MIT licensed.

    github.com/emilkowalski/skillsFree1mo ago

    @emilkowalski · Developer Tools

  2. 02

    jakubkrehel/skills

    A collection of agent skills designed to improve various parts of a product, covering animations, typography, layout, and colors. Install via a simple CLI command and let AI agents apply design improvements automatically. Built for developers and designers who want AI-assisted UI polish.

    github.com/jakubkrehel/skillsOpen Source20d ago

    @jakubkrehel · AI Agents

  3. 03

    Huashu Design

    An HTML-native design skill for AI coding agents that generates production-quality prototypes, animations, and presentations. Input a single sentence and get clickable app prototypes, slide decks, motion graphics with MP4 export, and design critiques in 3-30 minutes.

    github.com/alchaincyf/huashu-designOpen Source2mo ago

    alchaincyf · Developer Tools

  4. 04

    Interface Design

    A Claude plugin that helps maintain consistent UI design decisions across coding sessions. It automatically saves and loads design patterns like spacing, colors, and component styles to prevent design drift when building interfaces.

    github.com/dammyjay93/interface-designOpen Source5mo ago

    @Dammyjay93 · Developer Tools

  5. 05

    Taste Skill

    A collection of AI prompting skills that teach AI tools to generate premium, modern frontend code instead of boring, generic interfaces. Improves AI output quality for web design with proper animations, spacing, and visual appeal.

    github.com/leonxlnx/taste-skillOpen Source5mo ago

    @Leonxlnx · Developer Tools

  6. 06

    Budge

    Tweak UI without going back-and-forth with AI. A visual interface for adjusting AI-generated design output directly.

    https://github.com/millionco/budgeOpen Source2mo ago

    millionco · Developer Tools

  7. 07

    Figma

    Collaborative interface design tool. Real-time multiplayer, design systems, Dev Mode.

    figma.comFreemium3mo ago

    Developer Tools

  8. 08

    Impeccable

    A design skills package for AI coding assistants that provides 17 commands and curated anti-patterns to help developers create better frontend designs. Works with popular AI harnesses like Cursor, Claude Code, and Gemini CLI to bring design vocabulary and expertise to AI-generated code.

    impeccable.styleFree4mo ago

    @pbakaus · Developer Tools

  9. 09

    React Bits

    An open source collection of high-quality, animated, interactive React components for building stunning user interfaces. Provides developers with fully customizable UI components to create memorable and engaging web applications.

    reactbits.devOpen Source5mo ago

    @DavidHDev · Developer Tools

  10. 10

    ArrowJS

    A tiny, zero-dependency UI framework designed for the AI agent era that can isolate agent-generated UI components inside WebAssembly sandboxes while rendering directly to the DOM. No build step required and uses simple JavaScript primitives that coding agents already understand.

    arrow-js.comOpen Source3mo ago

    @jpschroeder · Developer Tools

  11. 11

    Svelte 5 Animations

    A comprehensive collection of 50+ free and open-source animated components and effects specifically built for Svelte 5 applications. Provides ready-to-use animation components built with TypeScript, Tailwind CSS, and Motion SV to help developers quickly add polished animations to their Svelte projects.

    sv-animations.vercel.appOpen Source5mo ago

    Developer Tools

  12. 12

    DESIGN.md

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

    github.com/google-labs-code/design.md1mo ago

    google-labs-code · Developer Tools

  13. 13

    Amicro — Micro-transitions

    Amicro is a curated library of premium React micro-interaction and transition components powered by Motion (Framer Motion v12). It lets developers browse, preview, and instantly copy ready-to-use animated button and UI components with one click. It supports dark/light themes and multiple layout preview modes, making it a practical sandbox for polished UI animations.

    github.com/subhan-code/amicro--micro-transitions-Open Source20d ago

    @SubhanHQ · Developer Tools

  14. 14

    Framer Motion Animations

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

    https://github.com/thedotmack/framer-motion-animationsOpen Source2mo ago

    thedotmack · Developer Tools

  15. 15

    Agentic Design

    Chat-native canvas where humans and AI agents ship products together. A Figma alternative built by nexu.

    https://github.com/nexu-io/agentic-designOpen Source2mo ago

    nexu-io · Developer Tools

  16. 16

    Interface Craft

    A premium design library and educational resource for designers, developers, and founders who want to create exceptional software interfaces. Offers curated collections of articles, videos, interactive playgrounds, and design references focused on crafting products that feel timeless and thoughtfully made.

    www.interfacecraft.devPaid5mo ago

    Education

  17. 17

    Agentation

    A visual feedback tool that turns UI annotations into structured context that AI coding agents can understand and act on. Users can click on any web element, add notes, and export the feedback as formatted markdown with CSS selectors and component paths for AI tools like Claude Code and Cursor.

    agentation.devFree5mo ago

    @benjitaylor · Developer Tools

  18. 18

    Agent Experience

    A comprehensive design reference guide for building AI agents, covering patterns, interfaces, and design principles from basic components to production-ready applications. Helps developers and designers understand how to create effective AI agent experiences.

    agent-experience.devFree5mo ago

    AI Agents

  19. 19

    Fireworks Tech Graph

    A Claude Code skill that generates production-quality SVG and PNG technical diagrams from natural language descriptions. Supports 8 diagram types, 7 visual styles, and specialized knowledge of AI/Agent domain patterns like RAG, Multi-Agent systems, and tool call flows.

    github.com/yizhiyanhua-ai/fireworks-tech-graphOpen Source3mo ago

    yizhiyanhua-ai · Developer Tools

  20. 20

    Frontend Slides

    A Claude Code skill that creates beautiful, animation-rich HTML presentations from scratch or by converting PowerPoint files. Uses a visual "show, don't tell" approach - generates style previews for you to choose from instead of requiring design knowledge.

    github.com/zarazhangrui/frontend-slidesOpen Source5mo ago

    @zarazhangrui · Developer Tools

  21. 21

    Motion

    Motion is a production-grade animation library for React, JavaScript, and Vue that makes it easy to create smooth, high-performance web animations. It features a simple API, hardware-accelerated animations, gesture support, and advanced capabilities like layout animations and scroll effects.

    motion.devOpen Source5mo ago

    @motiondivision · Developer Tools

  22. 22

    Calligraph

    A React library that creates smooth, fluid text and number transitions with elegant animations. Perfect for creating dynamic text effects in web applications without complex animation code.

    calligraph.raphaelsalaja.comOpen Source5mo ago

    Developer Tools

  23. 23

    Claude Eye

    CLI tool that analyzes web animation videos frame-by-frame using Claude Vision for CSS/animation debugging.

    https://github.com/santifer/claude-eyeOpen Source2mo ago

    santifer · Developer Tools

  24. 24

    DAB

    A web-based tool for drawing and animating with Braille characters. Create pixel art using Braille dots and export animations for CLI applications, terminal UIs, or accessible displays.

    obaidnadeem.github.ioFree3mo ago

    @obaidnadeem_ · Developer Tools

  25. 25

    Magic Motion AI

    An AI-powered tool that transforms simple text descriptions into professional 3D character animations instantly. Create stunning animations for film, gaming, and content creation by simply describing the movement you want.

    www.magicmotion.aiFreemium5mo ago

    AI Tools

  26. 26

    Flutter Agent Skills

    A collection of pre-built skills that teach AI agents how to perform Flutter development tasks following best practices. Each skill provides structured workflows for common Flutter development scenarios like testing, architecture, and API integration.

    github.com/flutter/skillsOpen Source2mo ago

    flutter · AI Agents

  27. 27

    Pencil

    Pencil is a design tool that integrates directly into your IDE, allowing you to design interfaces on a visual canvas and automatically generate code. It bridges the gap between design and development by bringing the design process into your coding environment.

    www.pencil.devFreemium5mo ago

    Developer Tools

  28. 28

    Visual Explainer

    An agent skill that transforms complex terminal output, diagrams, and data into beautiful HTML pages and slide decks. Instead of unreadable ASCII art and text tables, it generates styled web pages with interactive Mermaid diagrams, proper typography, and dark/light themes.

    github.com/nicobailon/visual-explainerOpen Source5mo ago

    @nicobailon · AI Agents

  29. 29

    Anima

    Anima is an AI-powered design-to-code platform that transforms Figma files, website URLs, or text prompts into production-ready web apps. It lets designers and developers iterate visually with AI, clone any website, and ship with built-in databases and one-click deployment. It also powers platforms like Bolt.new and Replit via API.

    animaapp.comFreemium1mo ago

    Developer Tools

Showing 01–29

Ranked by a proprietary index. Your upvotes inform it; the ranking itself is ours. Corrections welcome.