Topics / #web-design

Web-design projects on GitHub

Visual design craft for building engaging web interfaces.

As of , the most-starred Web-design projects on GitHub are awesome-design-md (121.9K stars), taste-skill (98.1K stars) and hallmark (30.2K stars). GitHub.Locker tracks 12 Web-design repositories with 330.8K stars combined. The fastest-growing on October 16 was taste-skill, with +590 stars in a day.

12Projects
330.8KStars in total
+1KStars in a day
Browse in the catalog →github.com/topics/web-design ↗

Hot right now

Most stars gained in a day · Oct 16

+590

taste-skill

Leonxlnx/taste-skill · ★ 98.1K

Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

+181

awesome-design-md

VoltAgent/awesome-design-md · ★ 121.9K

This is a curated collection of DESIGN.md files — plain-text design system documents analyzed from real websites like Claude, Stripe, Nike and Tesla — that you drop into a project so an AI coding agent generates UI matching that brand's visual language.

+118

oil-ui

oil-oil/oil-ui · ★ 1.7K

Oil UI is a Skill for AI coding agents (like Claude Code or Codex) that teaches them a repeatable UI-design methodology: identify the product category, set a visual tone, explore several genuinely distinct directions, and refine the winner against real screenshots.

+70

hallmark

Nutlope/hallmark · ★ 30.2K

Hallmark is a design skill for AI coding agents — Claude Code, Cursor, and Codex — that generates web UI built to not look AI-generated. It is made by Together AI.

The all-time top

12 projects · by stars

  1. #1 · VoltAgent/awesome-design-md

    awesome-design-md

    This is a curated collection of DESIGN.md files — plain-text design system documents analyzed from real websites like Claude, Stripe, Nike and Tesla — that you drop into a project so an AI coding agent generates UI matching that brand's visual language.

    121.9K
  2. #2 · Leonxlnx/taste-skill

    taste-skill

    Taste Skill is a set of portable skills for AI coding agents: they upgrade AI-built interfaces with stronger layout, typography, motion, and spacing instead of boilerplate-looking UIs.

    98.1K
  3. #3 · Nutlope/hallmark

    hallmark

    Hallmark is a design skill for AI coding agents — Claude Code, Cursor, and Codex — that generates web UI built to not look AI-generated. It is made by Together AI.

    30.2K
  1. 4

    NES.css

    21.8Knostalgic-css/NES.css · SCSS

    NES.css is a CSS framework that styles HTML components with a NES (Famicom) 8-bit retro-game look, as if your web page were a game on the old console.

  2. 5

    fonts

    20.6Kgoogle/fonts · HTML

    The canonical repository of the binary font files (.ttf) served by Google Fonts, organized by license and family, plus a public issue tracker for all things Google Fonts.

  3. 6

    Flat-UI

    15.3Kdesignmodo/Flat-UI · JavaScript

    Flat UI Free is a flat-design theme for Bootstrap, built with HTML, CSS3 (LESS), and JS, giving you redesigned flat-style versions of common UI components.

  4. 7

    garden-skills

    13KConardLi/garden-skills · CSS

    Garden Skills is a curated collection of production-ready Agent Skills — installable instruction packs for AI coding agents — covering web design, video-style web presentations, image generation, and knowledge retrieval.

  5. 8

    awesome-claude-design

    4.1KVoltAgent/awesome-claude-design

    A curated collection of 68 ready-to-use DESIGN.md files - one-page briefs describing a brand's visual language - that you drop into Claude Design to scaffold a full UI design system (colors, type, components, preview cards, working UI kit) in one shot.

  6. 9

    scroll-craft

    3.6Knateherkai/scroll-craft · JavaScript

    scroll-craft is an agent skill that teaches coding agents like Codex or Claude Code how to build premium, scroll-driven immersive websites to a consistent design standard, bundling a design workflow, reference docs, an animation engine, and verification tools.

  7. 10

    oil-ui

    1.7Koil-oil/oil-ui · Python

    Oil UI is a Skill for AI coding agents (like Claude Code or Codex) that teaches them a repeatable UI-design methodology: identify the product category, set a visual tone, explore several genuinely distinct directions, and refine the winner against real screenshots.

  8. 11

    scandinavian-design

    407ericzakariasson/scandinavian-design · JavaScript

    It's a Cursor agent skill that restyles a codebase into a restrained Scandinavian design: black-and-white color, sans-serif type, generous spacing, and purposeful product imagery.

  9. 12

    Creating-Oneshot-Hero-Landing-Pages

    134nroadley/Creating-Oneshot-Hero-Landing-Pages

    It's an Antigravity (AGY) agent skill that plans, designs, and builds video-driven parallax hero landing pages from a single prompt, using Gemini's video and image generation models.

Often tagged together