ui-lab-weld.vercel.app valid
UI Lab
A reference library of UI patterns for AI coding agents and humans building frontends.
For agents: UI Lab: reference library of frontend UI patterns and design playbooks (accessibility, briefs, prompts) for AI coding agents and humans.
ui patternsfrontend designaccessibilitydesign briefsai coding prompts
- Authority
- 45 reach 0 · trust 5 · quality 25 · freshness 15
- Tier
- listed
- llms.txt
- https://ui-lab-weld.vercel.app/llms.txt
- llms-full.txt
- https://ui-lab-weld.vercel.app/llms-full.txt
- Sections
- 17
- Links
- 276
- Size
- 73300 bytes
- Country
- United States Hosting inference
- Hosting country
- United States Hosting inference
- Country evidence
- No published address evidence collected yet
- Categories
- Design
- For agents
- Documentation: developer or product docs worth reading, nothing to call
- Inferred actions
- Read documentation About these labels
- Audience
- developers · agents can: read docs · en
- First seen
- 2026-10-27T09:16:32.783Z
- Last checked
- 2026-10-27T09:16:34.161Z
- Badge
Their llms.txt
The beginning of the file, from our validated copy saved 2026-10-27T09:16:32.913Z. Cached copy · Source on ui-lab-weld.vercel.app
# UI Lab
> A reference library of UI patterns for AI coding agents and humans building frontends.
> Every pattern is a single self-contained React + Tailwind file with a live demo.
How to use:
- Pick a pattern below, fetch its /docs/<slug>.md (metadata + full source) or /raw/<file>.
- Copy src/tokens/tokens.css into the target project first; patterns style themselves with its CSS variables
(raw: https://ui-lab-weld.vercel.app/raw/tokens/tokens.css). Tailwind utilities like bg-surface / text-fg-muted map to those tokens
via the @theme block in https://ui-lab-weld.vercel.app/raw/index.css.
- Every motion pattern respects prefers-reduced-motion. Keep that when adapting.
- Machine-readable index: https://ui-lab-weld.vercel.app/patterns.json. Everything in one file: https://ui-lab-weld.vercel.app/llms-full.txt
- **Claude: read https://ui-lab-weld.vercel.app/for-claude.md first.** It is the brief-to-build router (worlds, proof sites, techniques, refusals).
- Outside references (galleries, studios, open-source demo repos, libraries, tools): https://ui-lab-weld.vercel.app/resources.md
- 68 reference teardowns (30 world-class, 20 vibe-coded, 12 recent award winners, 6 community picks) with the pattern that rebuilds each: https://ui-lab-weld.vercel.app/references.md (JSON: https://ui-lab-weld.vercel.app/references.json)
## START HERE: the design procedure
Patterns are parts; the playbook is the judgement. Read start-here first, every time you build a UI.
- [Start here: how to design a frontend that doesn't look generic](https://ui-lab-weld.vercel.app/playbook/00-start-here.md)
- [Accessibility: the short version that actually gets applied](https://ui-lab-weld.vercel.app/playbook/accessibility.md)
- [Briefs: how to ask, and how to write the five lines](https://ui-lab-weld.vercel.app/playbook/briefs.md)
- [Glossary: design and web words, in plain language](https://ui-lab-weld.vercel.app/playbook/glossary.md)
- [Inspiration: how to take it without copying it](https://ui-lab-weld.vercel.app/playbook/inspiration.md)
- [Niche worlds: when the product has a physical or editorial home](https://ui-lab-weld.vercel.app/playbook/niche-worlds.md)
- [Prompts: what to say to your AI assistant](https://ui-lab-weld.vercel.app/playbook/prompts.md)
- [Reference sites: what fifty good (and popular) UIs have in common](https://ui-lab-weld.vercel.app/playbook/reference-sites.md)
- [Recipe: scroll-driven 3D product site](https://ui-lab-weld.vercel.app/playbook/scroll-3d-recipe.md)
- [Site types: what goes on the page, in what order](https://ui-lab-weld.vercel.app/playbook/site-types.md)
- [Verify: the loop that stops "mid and buggy"](https://ui-lab-weld.vercel.app/playbook/verify.md)
- [Worlds: design directions to start from](https://ui-lab-weld.vercel.app/playbook/worlds.md)
- [Site stack detector](https://ui-lab-weld.vercel.app/tools/site-stack.mjs): `node site-stack.mjs <url>` lists the libraries a reference site uses
- [Accessibility sweep](https://ui-lab-weld.verc
…Related sites
Similar publisher descriptions and documentation. Similarity does not imply affiliation or equivalent capabilities.
| Domain | Title | Category | Country | Authority | llms.txt | llms-full.txt | Save |
|---|---|---|---|---|---|---|---|
| stylekit.top | StyleKit | documentation Design | CN | 46 | ✓ | ✓ | |
| magicpatterns.com | Magic Patterns | interface Design Developer tools | US | 61 | ✓ | ✓ | |
| smart-interface-design-patterns.com | Smart Interface Design Patterns (by Vitaly Friedman) | documentation Design Documentation and reference | CA | 50 | ✓ | ||
| refero.design | Refero | interface AI and machine learning Design +1 | — | 57 | ✓ | ||
| saasui.design | SaaSUI - SaaS UI/UX Design Pattern Library | informational Design | US | 45 | ✓ | ✓ | |
| checklist.design | Checklist Design | documentation Design | US | 47 | ✓ | ||
| designmode.app | Design Mode | documentation Design AI agents and MCP | US | 45 | ✓ | ✓ | |
| habitusnet.com | Design System Documentation (LLM Optimized) | documentation Design | — | 50 | ✓ | ✓ |
Machine-readable: GET /v1/resolve?q=ui-lab-weld.vercel.app · GET /v1/domain/ui-lab-weld.vercel.app · this page as Accept: application/json or text/markdown · MCP lookup_domain
Automatically discovered from public files. Inclusion does not imply endorsement or publisher participation.
Own or manage this website?
If you own or manage ui-lab-weld.vercel.app, you can update its listing and review file health, discovery activity and score history.
Manage this listing — optional
What verification unlocks
See how your site is discovered—and control what agents see.
- See your website in the map
Review your indexed topics, nearby publishers sharing headings, measured listing exposure and map snapshots in a private report for your website.
- Control what agents see
Edit your listing description, tags, public contact details and additional llms.txt paths. Publish your terms for automated access, attribution and pricing.
- Make your profile eligible for search
A valid, listed, unblocked, verified profile can appear in our publisher sitemap and become eligible for search-engine visibility. Search engines decide what to index and rank.
- Appear in our llms-full.txt
Eligible verified publishers are listed by name, with their file links and summaries, in the service overview agents can read.
Free. No account registration, backlink or payment required. Public discovery remains available without verification.
Let your coding agent verify it
If your coding agent is authorized to manage this website, paste these instructions into it.
Claim my listing on Agent Web Map for ui-lab-weld.vercel.app:
1. POST https://agentwebmap.com/v1/sites/ui-lab-weld.vercel.app/claims and keep claim_id and claim_secret private.
2. Publish the verification line "AgentWebMap verification: <token>" (token from step 1) in https://ui-lab-weld.vercel.app/llms.txt, or use the DNS, meta-tag or well-known method the response describes. This only verifies the listing; your website and domain remain yours.
3. POST https://agentwebmap.com/v1/sites/ui-lab-weld.vercel.app/verify with {"claim_id": "...", "claim_secret": "..."}.
4. Save the api_key from the answer; it manages the listing (PATCH https://agentwebmap.com/v1/sites/ui-lab-weld.vercel.app).
MCP equivalent: tools begin_ownership_claim, then verify_domain, at https://agentwebmap.com/mcp. Docs: https://agentwebmap.com/docs#verifyCorrections or removal requests: contact the directory.