Human-curated field guide

VOL. 01 / 30

Discover tools thatearn their place.

A hand-curated field guide for design, code, and creative work—with honest notes on when to use each tool.

Explore the archiveSCROLL TO EXPLORE
30 tools5 tagsBilingual
INDEX / 001APP UNIVERSE ©
THE FIRST FINDOpen Design
open-design.ai

Curator signal

Visual craft

Design

25

Open Design preview

№ 001 · open-design.ai

Open-source design studio with 31 skills and 72 design systems

When an agent needs a real design system — not another “make it pretty” prompt — I start here. Replaces generic UI kits. Caveat: pick one system and stick with it.

Details →
中国传统配色 preview

№ 002 · nevertoday.github.io

742 traditional Chinese color swatches with HEX, RGB, CMYK values

When a Chinese-inspired palette needs real names and print values, I open this first. Replaces random hex dumps from image samplers. Caveat: cultural names matter more than “close enough” RGB.

Paper Shaders preview

№ 003 · shaders.paper.design

Ultra-fast zero-dependency shaders for designs

When a surface needs expensive-looking motion without a heavy creative stack, I drop these in. Replaces custom shader experiments I will not maintain. Caveat: still check performance on low-end phones.

Design Prompts preview

№ 004 · designprompts.dev

AI design style explorer with 31+ rendered styles

When I am about to write a long design prompt, I browse styles here first. Replaces guessing a visual direction in pure text. Caveat: steal the direction, rewrite the prompt in your product’s voice.

MotionSites preview

№ 005 · motionsites.ai

Ready-to-use AI prompt library for beautiful landing pages

When a landing page needs structure fast, I steal a skeleton here then rewrite the copy. Replaces starting from a blank hero. Caveat: do not ship the template prose — clients smell it.

Impeccable preview

№ 006 · impeccable.style

AI design intelligence with 23 commands for frontend design

When a generated page looks “off” but I can’t name why, I run these commands. Replaces vague redesign chats. Caveat: it critiques taste — you still choose the fix.

Yeguozi preview

№ 007 · yeguozi.com

Curated film stills for home color and décor inspiration

When a moodboard needs film grain instead of stock polish, I dig here. Replaces sterile Unsplash grids for home and interior refs. Caveat: rights vary — treat as inspiration, not free commercial art.

Magic Slide preview

№ 008 · magicslide.show

AI-powered HTML presentations with Magic Move transitions and browser editing

When a deck must live in the browser and move with Magic Move, I use this over Keynote. Replaces fighting export pipelines for agent-built slides. Caveat: design still needs hierarchy — animation will not save a bad outline.

Kami preview

№ 009 · kami.tw93.fun

Warm parchment design system for AI-assisted documents

When Markdown previews feel cold and default, I switch to this parchment system. Replaces plain GitHub-flavored dumps for reading-heavy docs. Caveat: not every stakeholder wants warm paper — ask before standardizing.

Taste Skill preview

№ 010 · tasteskill.dev

Anti-slop SKILL.md files that give AI coding agents better design taste

When I bootstrap a coding agent for UI work, I drop these SKILL.md files in first. Replaces hoping the model “has taste.” Caveat: still needs a real reference layout.

designmd.sh preview

№ 011 · designmd.sh

Public DESIGN.md registry for AI coding and design agents

When I need a public registry of agent-readable design systems, I look here. Replaces hunting random GitHub gists. Caveat: verify the system matches your stack before wiring it in.

Timing preview

№ 015 · timing.xiaolin.work

Translate motion timing and springs across design and code platforms

When Figma springs and CSS never match, I translate here once. Replaces guessing cubic-bezier values. Caveat: still verify on the target device.

Details →
Craftwork Websites preview

№ 016 · craftwork.design

Curated website design inspiration from the Curated.design community

When I need layout patterns that still feel current, I browse this curated set. Replaces endless Awwwards tabs. Caveat: inspiration is not a clone — adapt structure to your content density.

One Page Love preview

№ 017 · onepagelove.com

One-page website inspiration gallery since 2008

When a story must fit one screen, I study this long-running one-pager archive. Replaces multi-page IA for simple offers. Caveat: one page still needs ruthless editing — length is not the goal.

Component Gallery preview

№ 018 · component.gallery

Up-to-date repository of UI components from real design systems

When I need how real design systems name a pattern, I open this — not Dribbble. Replaces inventing component vocabulary. Caveat: it’s reference, not a kit to copy wholesale.

Details →
Mobbin preview

№ 019 · mobbin.com

Real-world app and web UI screens, flows and patterns

When I need “how did they structure onboarding?”, I scan real app flows here. Replaces guessing funnel steps from memory. Caveat: paid tiers exist — know what you can export before planning a research session.

Rebrand Gallery preview

№ 020 · rebrand.gallery

Curated gallery of rebrands and visual identity launches

When a logo or identity needs before/after thinking, I study rebrands here. Replaces arguing from taste alone in reviews. Caveat: context is half the story — a rebrand for a bank is not a rebrand for a game.

60fps preview

№ 021 · 60fps.design

Collection of delightful UI animation details from best-in-class apps

When micro-interactions feel flat, I raise the bar with references here. Replaces “add a little bounce” without a target. Caveat: 60fps on desktop is not free on mid-range Android.

Details →
before.click preview

№ 022 · before.click

Curated App Store screenshots, paywalls and onboarding flows

When store screenshots or paywalls need framing, I study this gallery. Replaces inventing conversion copy in a vacuum. Caveat: patterns age — check dates and category fit.

FeralUI preview

№ 023 · feralui.dev

Playful, physics-driven React elements that move like real things

When a page feels rigid and needs physics-y life, I reach for these React bits. Replaces CSS-only hover that never surprises. Caveat: motion accessibility first — honor reduced motion.

Details →
NameThatUI preview

№ 024 · namethatui.com

Visual dictionary of UI elements: learn the real name and prompt your coding agent with precision

When I’d otherwise write “that little grey control,” I look up the real name first. Replaces fuzzy agent prompts. Caveat: names vary slightly by system — still better than “thing.”

Wenyang preview

№ 026 · wenyang.net

A catalogue of Chinese traditional patterns, redrawn and open-sourced for modern design

When I need authentic Chinese pattern references for branding or illustration, I browse this catalogue first. Replaces generic pattern sites or digging through historical archives. Caveat: patterns are reinterpreted for modern use — verify cultural context if you are working on heritage or formal projects.

Inspora preview

№ 028 · inspora.design

A curated archive of recent visual design and creative work, updated hourly

When I need to see what design work shipped this week across disciplines, I let this hourly archive run. Replaces scrolling scattered X and Dribbble tabs hoping to catch something current. Caveat: “recent” is not “best” - treat it as a pulse check, not a canon.

Awesome AI Motion preview

№ 029 · guanmo-ai.github.io

Curated gallery of 460+ AI motion works with public prompts and source code

When I want to see what AI video can actually do before briefing one, I browse this gallery by use case. Replaces scrubbing X to find that one clip someone mentioned. Caveat: prompts are snapshots of a single run - treat them as starting points, not recipes that reproduce the result.

Details →
Libraries.dev preview

№ 030 · libraries.dev

High-crafted UI effect libraries that ship as copy-paste prompts for coding agents

When an agent-built interface looks generic and needs one signature motion, I hand it a prompt from here. Replaces hand-rolling loading and hover effects that never feel finished. Caveat: five effects only - pick the one that matches the product’s voice, do not stack them all.

Details →

Play & systems

Games

3

Neal.fun preview

№ 012 · neal.fun

Games, visualizations, interactives and weird stuff

When a product demo needs a spark of play, I study interactions here. Replaces generic “delight” decks with no concrete reference. Caveat: fun is not a feature checklist — steal the feeling, not the gimmick.

Astrocade preview

№ 013 · astrocade.com

Play casual and arcade-style games online

When I study short-session game loops for casual products, I play here. Replaces abstract GDD notes with muscle memory. Caveat: browser games optimize for re-entry — mobile constraints still differ.

Kenney preview

№ 014 · kenney.nl

Thousands of completely free game assets including sprites, 3D models, audio and tools

When a prototype needs art and I have zero budget, I trust Kenney first. Replaces random free packs with unclear licenses. Caveat: free assets still need consistent art direction — do not mix five packs blindly.

Discovery feed

Else

2

BestDesignson X preview

№ 025 · bestdesignsonx.com

Hourly updated directory of creatives to discover and follow on X

When I need fresh designer references without chasing algorithm feeds, I browse this hourly digest. Replaces scrolling X hoping to stumble on good work. Caveat: profiles come and go — use it as discovery, not a permanent bookmark list.

What Ships preview

№ 027 · whatships.com

A curated edit of startup launch videos, demos, and product walkthroughs from X

When I need inspiration for a product launch or demo video, I browse this curated feed first. Replaces scrolling X hoping to catch a good launch post. Caveat: launch videos are ephemeral and trends move fast — use it for inspiration, not as a permanent archive.