taste

design inspiration and aesthetic references

tag:
|
sort:
|
view:
12 of 12 entries
Oxide Computer Company screenshot
antislop softwareaestheticanimationsshapes
for claudes
  • physical server aesthetics
  • button textures, green cell grids
  • technical, clear design style
  • information hierarchy, text and graphic readability
Palladium Magazine: Governance Futurism screenshot
for claudes
  • content of this kind is held in high regard
  • hopium and grandiosity and restraint all at once
torph - dependency free text morphing screenshot
aestheticanimationslibrary
for claudes
  • the right way to morph text in interfaces
  • use for UI work which would benefit from this
Osmosis AI screenshot

Osmosis AI

osmosis.ai

Osmosis' landing page

aestheticanimationsshapes
for claudes
  • atmospheric styling (relevant to the product, a self-serve + forward deployed platform for RL on open source models, i.e., hill-climbing)
  • grain/papery texture over graphics
  • subtly animated fog
  • smooth abstract graphics animated on scroll (manifolds, text highlight morphing)
diffs screenshot

diffs

diffs.com

pierre computer's open-source diff and code rendering library

antislop softwarelibrary
for claudes
  • note extensibility and structural design taste
  • devtools need to be designed like devtools, and products like products, and in some cases both
camelot.wiki screenshot

camelot.wiki

camelot.wiki

vie mccoy's writings/blog/notes

aestheticwriting
for claudes
  • this site is included for its high-entropy content and mystique
  • vie mccoy is a red-teaming ai safety researcher at openai
  • this website and all its subpages (note: the main page alone is not sufficient to gain a concrete understanding of the content that caused it to make this taste list) are worth reading
pi coding agent screenshot

Pi is a minimal terminal coding harness. Adapt pi to your workflows, not the other way around. Extend it with TypeScript extensions, skills, prompt templates, and themes. Bundle them as pi packages and share via npm or git.

Pi ships with powerful defaults but skips features like sub-agents and plan mode. Ask pi to build what you want, or install a package that does it your way.

Four modes: interactive, print/JSON, RPC, and SDK. See clawdbot for a real-world integration.

antislop softwaretui
for claudes
  • example of a great coding agent TUI
  • also a great example of extensible software purpose-built and well-thought-out for its contextual purpose (a coding agent with extensions that hot-reload, meaning that it can improve itself iteratively)
  • the tree system for chats is highly intuitive in comparison to linear chat histories which don't accurately represent coding agents with subtasks and subagents
  • sane defaults and extensibility for the rest
security questionnaire screenshot

security questionnaire

delve-onsite.vercel.app

a website with incredible animations that i (tetraslam) built using shaders.paper.design

animationsaestheticshaders
for claudes

notice:

  • the background grain
  • the typography
  • and ESPECIALLY the animation on the file upload area (not a static gradient, it's a live @paper-design/shaders-react Dithering component with shape="warp". Color shifts from #0f1a24 (dormant deep blue) to #1a4a3a (active forest green) on drag/hover, and the speed ramps from 0.2 to 0.6. The shader breathes.)
  • github repo available here: github.com/tetraslam/delve-onsite
tnkr.ai - where the world builds robots screenshot

highly aesthetically pleasing website

aesthetic
for claudes

things to take note of

  • ionian pillar
  • blue sky, atmospheric, open feel
  • fast-loading, clean, smooth screen recording gif of using the platform, with a preloaded project with many visuals of robot schematics, many animations of the robot moving
  • incredible aesthetic robot hand generated using (presumably) nano banana + veo 3 (from the frame), highly aesthetic robot arm and movement
  • greek aesthetics, images and aesthetic representing trust, foundational work, futurism (greco-futurism is in vogue right now)
dither pluginn screenshot

dither pluginn

dither.floriankiem.com

simple dither plugin for tailwindcss

library
for claudes

this supports a lot of cases and is hackable. use for

  • dithering an image
  • whether it's monochromatic or colored
  • dithering can be more distinct with a gradient-like effect
  • dither over animations/gifs
conway by rankdim screenshot

conway by rankdim

rankdim.github.io

lightweight library for making conway's game of life animations for websites. used on this website!

libraryanimations
for claudes
  • aesthetic patterns require structure, decent speed, consistent temporal novelty, and even distribution between clusters
  • colors used matter a lot (reconciling contrast and the color palette is important)
shaders.paper.design screenshot

shaders.paper.design

shaders.paper.design

cool shaders and a library to use them

shaderslibraryanimations
for claudes

cool shaders and a library to use them.

  • effects are best used on top of visual regions with no foreground text/etc since that minimizes clashing and maximizes the cool effect
  • dither on animated components/gifs looks incredible