closestfriend

UI Refs For Coding Agents — Design skill for Claude Code

Design community

Curated index of component libraries, shaders, motion tools, and theming references for coding agents.

How to install UI Refs For Coding Agents

This entry records only its repository, not the path inside it, so there is no exact command to give. Open closestfriend/ui-refs-for-coding-agents and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What UI Refs For Coding Agents does

Curated index of component libraries, shaders, motion tools, and theming references for coding agents. Ships llms.txt.

Alternatives in Design

Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Langchain — Elixir implementation of a LangChain style framework that lets Elixir projects integrate with and leverage LLM 1.1k ★
Makepad Skills — Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting 723 ★

README

UI references for coding agents: a mosaic of links, one square each, grouped by the job they do in a UI build

UI references for coding agents

Component libraries, motion and GSAP resources, shaders, theming tools and agent skills worth handing to a coding agent when you are building interfaces.

It is sorted by **the job a thing does in a build**, not by what kind of resource it is. Curated over years in [Are.na](https://www.are.na) by [closestfriend](https://github.com/closestfriend), with many of the links found through other people's channels (credits below).

**201 links** · valid as of 2026-10-09 · 35 start-here picks (★)

Start here

Where to start. 21 of these 35 publish `llms.txt` or a shadcn registry, so an agent can read the docs or install the code directly.

Pick	Job	Agent-readable	Note
Graphical	Core components & primitives	-	Create visual themes and customize components; built to work with a coding agent.
knadh/oat: Ultra-lightweight, zero dependency, semantic HTML/CSS/JS UI library	Core components & primitives	GitHub	Ultra-lightweight, zero-dependency semantic HTML/CSS/JS UI library.
Pixel Perfect UI — Lightweight UI Library for React	Core components & primitives	shadcn registry	Lightweight React UI library and Framer Motion blocks.
SmolCSS	Core components & primitives	-	Small CSS snippets.
The Component Gallery	Core components & primitives	-	The Component Gallery: how real design systems name and build components.
Amicro — Premium React Micro-transitions & Interaction Components	M