A curated awesome list of 64 AI tools for building beautiful UI and UX, spanning agent skills, apps, MCP servers, design tools and resources.
AIOpen SourceGitHub+2
github.com
display-dev/visualize
github.com
visualize is a skill that stops AI-generated HTML looking agent-made — replacing Inter-and-purple-gradient defaults with on-brand, distinctive output.
What is display-dev/visualize?
visualize closes the gap between working AI output and good-looking AI output. Agents already generate reports, dashboards and slide decks, but the result reads the same everywhere: Inter font, purple gradients, cards in cards, generic defaults that scream 'generated by an agent.' Installed as a skill via npx skills add, it works across Claude Code, Cursor, Codex, OpenCode, Hermes and Pi, addressing four concrete problems with how agents publish HTML today.
Best for
- Agent-generated reports, decks and dashboards
- HTML output that doesn't scream AI-generated
- Skills for Claude Code, Cursor and Codex
Key features
- Installs as a skill via npx skills add
- Fixes Inter and purple-gradient defaults
- Works across Claude Code, Cursor, Codex, Pi
- Names four concrete agent HTML problems
Related resources
github.com
Open-source skill files that stop AI coding agents like Cursor, Claude Code and Codex from shipping generic, slop-looking frontends.
AIOpen SourceDesign Systems+1
tasteskill.dev
Anthony Fu's collection of Agent Skills, encoding his preferences, experience, and best practices — generated from source docs and kept in sync.
AIOpen SourceWeb
github.com