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

    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

  2. 02

    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

  3. 03

    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

  4. 04

    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

  5. 05

    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

  6. 06

    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

  7. 07

    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

  8. 08

    json-render

    A Generative UI framework that lets AI generate dynamic, personalized interfaces from natural language prompts while constraining output to predefined components for safety and predictability.

    github.com/vercel-labs/json-renderOpen Source5mo ago

    @vercel-labs · Developer Tools

  9. 09

    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

  10. 10

    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

  11. 11

    iScreen

    AI-powered iOS UI generator that creates pixel-perfect iPhone and iPad app screens from simple text descriptions. Generates production-ready designs with multiple screen variations in seconds.

    www.iscreen.livePaid5mo ago

    Developer Tools

  12. 12

    Refero Styles

    A curated library of design systems and style guides that AI agents can search and reference. Extracts colors, typography, spacing, and component patterns from top websites into agent-readable DESIGN.md files.

    styles.refero.designFreemium2mo ago

    @bbssppllvv · AI Tools

  13. 13

    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

  14. 14

    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

  15. 15

    oat

    Ultra-lightweight, zero-dependency UI library — semantic HTML, CSS, and JS in ~8KB min+gz. For when React feels like overkill.

    https://github.com/knadh/oatOpen Source2mo ago

    knadh · Developer Tools

  16. 16

    Fluent UI

    Microsoft's React and web component library implementing the Fluent Design System — used in Office, Teams, and Microsoft 365.

    https://github.com/microsoft/fluentuiOpen Source2mo ago

    microsoft · Developer Tools

  17. 17

    CopilotKit

    A frontend stack for building in-app AI copilots and generative UI across React, Angular, mobile, and Slack.

    github.com/copilotkit/copilotkit1mo ago

    copilotkit · AI Agents

  18. 18

    Figma

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

    figma.comFreemium3mo ago

    Developer Tools

  19. 19

    Rams

    Automated design review tool that analyzes pull requests for UI bugs, accessibility issues, and design system drift. Provides expert-level feedback on React, Angular, Vue, and other frontend code before merging.

    rams.aiFreemium2mo ago

    Developer Tools

  20. 20

    Dimillian Skills

    A collection of 16 reusable development skills for Apple platforms that help with recurring engineering tasks like generating App Store release notes, debugging iOS apps, improving SwiftUI/React code, and orchestrating refactors. Designed to work with Codex AI systems for automated development workflows.

    github.com/dimillian/skillsOpen Source3mo ago

    dimillian · Developer Tools

  21. 21

    v0

    AI UI component generator by Vercel — describe a component, get production React code with shadcn/ui

    v0.devFreemium4mo ago

    Developer Tools

  22. 22

    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

  23. 23

    AgentScope Spark Design

    UI component library for building AgentScope and Alibaba Cloud Apsara Lab agent interfaces.

    https://github.com/agentscope-ai/agentscope-spark-designOpen Source2mo ago

    agentscope-ai · Developer Tools

  24. 24

    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

  25. 25

    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

  26. 26

    FAST

    Microsoft's adaptive interface system — design tokens, components, and tooling for building modern web experiences with web components.

    https://github.com/microsoft/fastOpen Source2mo ago

    microsoft · Developer Tools

  27. 27

    runescapecn

    A collection of UI components styled to match Old School RuneScape's distinctive visual theme, built on top of the popular shadcn/ui component library. Perfect for developers building retro gaming interfaces or nostalgic web applications.

    www.runescapecn.comOpen Source5mo ago

    @alns0dev · Developer Tools

  28. 28

    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

  29. 29

    Open Design

    Open-source alternative to Claude Design that generates web prototypes, mobile apps, presentations, and design systems using local coding agents. Connects with 15+ AI coding CLIs (Claude Code, Cursor, Copilot, etc.) and includes 72 design systems with local-first workflow.

    github.com/nexu-io/open-designOpen Source2mo ago

    nexu-io · AI Tools

  30. 30

    MoldUI

    Visual drag-and-drop editor for your real codebase. Click, drag, resize, edit text in the browser — Claude writes the code.

    https://github.com/manavarya09/molduiOpen Source2mo ago

    manavarya09 · Developer Tools

Showing 01–30

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