Tools

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

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

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

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

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

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

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

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

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

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

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

Penpot DevTools

Developer tooling for Penpot, the open-source design and prototyping platform.

https://github.com/penpot/penpot-devtoolsOpen Source2mo ago

macOS UI CLI

Command-line tool for inspecting and controlling the macOS UI.

https://github.com/obra/macos-ui-cliOpen Source2mo ago

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

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

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

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

Figma

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

figma.comFreemium3mo ago

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

Fireworks macOS App Creator

Claude Code and Codex skill for building production-grade native macOS apps with SwiftUI and AppKit.

https://github.com/yizhiyanhua-ai/fireworks-macapp-creatorOpen Source2mo ago

Paper

A modern design tool that connects teams, agents, code, and data on a single HTML/CSS-based canvas. It enables seamless collaboration between designers and developers with real-time sync between design and code, eliminating translation issues in the design-to-development workflow.

paper.designFreemium5mo ago

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

Huashu MD/HTML

Claude Code skill wrapping markitdown + Pandoc + html-to-markdown + trafilatura into a two-way pipeline between Markdown and beautiful HTML, with anti-AI-slop themes.

https://github.com/alchaincyf/huashu-md-htmlOpen Source2mo ago

badlogic TUI

Terminal UI framework with differential rendering for building interactive CLI applications in TypeScript.

https://github.com/badlogic/tuiOpen Source2mo ago

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

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

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

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

Variant

Variant generates endless design variations for your app or website ideas through simple scrolling. Enter your concept and instantly explore multiple design options to find the perfect visual direction for your project.

variant.comFreemium5mo ago

The Component Gallery

A comprehensive repository of UI components sourced from 95 design systems, providing developers and designers with 2,676 examples of interface components to reference when building user interfaces. Features detailed documentation and examples for components like carousels, accordions, tabs, and more.

component.galleryFree5mo ago