Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

ui-design landing-page frontend cursor web-design codex design-system ai-agents agent-skills claude-code anti-slop

• Updated Nov 8, 2026
• JavaScript

ConardLi's open-source Skills collection, featuring web design, knowledge retrieval, image generation, and more.

agent skills web-design claude rag gpt-image-2

• Updated Nov 8, 2026
• JavaScript

[WIP]en: web design tool || mobile page builder/editor || mini webflow for mobile page. zh: 类似易企秀的H5制作、建站工具、可视化搭建系统.

editor vuejs vue vuejs2 page-builder web-design strapi ant-design h5 webflow design-tool page-generator page-maker web-design-framework mobile-page-maker page-editor

• Updated Jan 3, 2026
• JavaScript

低代码框架，支持流式布局与自由布局拖拽编排，可视化拖拽、随意嵌套组合、实时渲染、实时辅助线展示、自由布局支持辅助对齐、支持自动吸附、实时组件间距展示、实时拖拽排序、状态域管理，可视化属性配置、可视化样式配置、多设备适配展示，支持逻辑渲染、模板字符变量、表达式、自定义方法、自定义状态

react typescript drag-and-drop page-builder web-editor web-design html-builder site-generator site-builder web-builder low-code no-code nocode lowcode h5-editor page-editor

• Updated Oct 30, 2023
• TypeScript

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

landing-page frontend creative-coding accessibility typography interaction-design web-design scrollytelling design-system scroll-animation anthropic agent-skills claude-code claude-code-plugin ai-web-design

• Updated Sep 30, 2026
• JavaScript

100 Modern CSS Buttons. Every style that you can imagine.

react css npm design awesome angular framework web-development vue webcomponents frontend free awesome-list web-design design-system first-timer-friendly

• Updated Aug 1, 2022
• CSS

Cyberpunk-inspired web UI made easy. Get augmented.

stylesheets web-design cyberpunk sci-fi-gui

• Updated May 28, 2024
• CSS

Design websites in your browser. A smart web editor!

editor web-editor web-design

• Updated May 22, 2022
• TypeScript

An agent skill that builds award-caliber websites from one line

webgl frontend creative-coding nextjs gsap astro web-design awwwards codex agent-skills claude-code claude-skills

• Updated Oct 26, 2026
• JavaScript

Stack-agnostic Claude Skills covering the full website lifecycle: brand, design, content, SEO, dev, ops, growth, and research. Build, ship, audit, optimize.

web-development mcp seo web-design product-management ai-agents claude anthropic claude-ai agent-skills claude-code claude-skills skills-collection rampstack

• Updated Nov 8, 2026
• JavaScript

The Claude Code skill that directs a website like a film. Commit-sheet, generated assets, build, and an executable anti-slop linter that gates every ship.

webgl threejs landing-page creative-coding gsap generative-art web-design agent-skills claude-code claude-code-skills anti-slop

• Updated Aug 6, 2026
• JavaScript

The Best Motherfucking Website

website web-development web-design

• Updated Aug 17, 2026
• HTML

350 layout composition references across visual principles, editorial design, typography, grids, web UI, film, Chinese art, and presentations.

design ui-design layout composition typography web-design graphic-design visual-design design-resources editorial-design presentation-design

• Updated Aug 31, 2026
• Python

StyleKit（stylekit.top）— 149 curated web & UI design styles with copy-ready AI prompts, design tokens and component recipes. Open-source, by AnxForever.

ui-design mcp cursor web-design design-tokens design-system claude stylekit style-library prompt-engineering ai-prompts ai-frontend

• Updated Nov 11, 2026
• TypeScript

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

web-design webdesign design-system we-b xiaopu claude-code claude-skill

• Updated Jun 24, 2026
• Python

A collection of free eBooks and PDFs related to UI, UX and Interaction Design.

ui-design books library-free interaction-design web-design ebooks ux-design usability-testing mobile-design

• Updated Jul 4, 2024

Free, open-source MCP server that gives AI coding agents (Claude Code, Codex, Cursor, OpenCode, ZCode…) design inspiration from award-winning websites — search with real screenshots, pull design DNA, capture and record live sites. A Mobbin alternative. No API key.

mcp opencode cursor web-design awwwards codex ai-agents design-inspiration mcp-server claude-code coding-agent

• Updated Nov 12, 2026
• TypeScript

A curated list of Best Awesome Chrome Extensions to boost your productivity in your Browsers

chrome-extension firefox chrome awesome tools chrome-devtools chrome-browser browser-extension designer web-design chrome-extensions webdevelopment vivaldi-extension webdeveloper brave-extension devloper

• Updated Mar 23, 2026

All-in-one resource kit for frontend devs & designer

awesome frontend resources developer-tools awesome-list web-design awesome-lists design-resources frontend-resources dev-resource-pack awesome-frontend-kit

• Updated Aug 31, 2025

Displays GLSL fragment shaders as a website background. Supports offscreen buffers and floating point textures on almost any browser and hardware. Compatible with Shadertoy.

javascript design webgl library framework web-development web shaders javascript-framework glsl javascript-library closure-compiler shadertoy background web-design webgl2 glsl-shaders fragment-shaders shadertoy-compatibility

• Updated Jan 29, 2026
• JavaScript