Edgar Yan's Work | ContraWork by Edgar Yan
Edgar Yan
pro

Edgar Yan

Designing interfaces since Winamp times.

Cover image for Designed the brand identity and
Designed the brand identity and visual system for Advanced Engineering Lab, a neurotechnology research lab developing closed loop systems integrating EEG, HRV, speech analysis, and adaptive brain informed AI. The project focused on creating a precise, minimal, research driven aesthetic that reflects multimodal signal processing and brain responsive architectures. The model image used in the concept was AI generated as part of the visual exploration process.
1
42
Built a custom EEG neural tracker from scratch in Rive using Lua scripting. Originally tried Unicorn Studio’s blob tracker, but the rendering and control weren’t there, so I rebuilt it fully procedural. ~34 KB without the image. No textures. No external deps. Just math and draw calls. Visually artistic, but structurally mapped to real 10–10 EEG electrode positions, so it can plug into actual EEG data if needed.
0
60
Cover image for Unusual — Branding & Shopify Launch | SKAI Creative
Unusual — Branding & Shopify Launch | SKAI Creative
1
28
Cover image for Project: Piggy 🐷 (pig.gy)
A digital
1 Collaborator
Project: Piggy 🐷 (pig.gy) A digital piggy bank built on the Lightning Network. What we delivered: • Product Design: A network-agnostic interaction model. • Engineering: Passwordless authentication (Passkeys) and a scalable Shadcn UI system. • @Rive Animation: A procedural character engine capable of 10,000+ variations. • AI Integration: Personality-driven messaging logic. Read the breakdown: https://skai.dev/projects/piggy
1
2
161
1 Collaborator
SKAI.dev (http://SKAI.dev) is live! We are a design & engineering studio operating at the intersection of the Surface Web and the Agentic Web. Humans scan. Agents parse. We build for both. Our Core Services: • Agentic Interface Design: Websites optimized for AI search and reasoning. • Conversational Systems: Custom voice agents ( @ElevenLabs )that navigate your site context. • Performance Engineering: High-speed Framer builds with structured data pipelines. Coming Soon: A free Framer plugin for deploying customizable voice agents. Big shout out to @Maria Rivero for being a great partner and friend!
1
2
4
170
This weekend I was building an AI agent with @ElevenLabs , fully integrated into @Framer. What’s coming together already looks solid, excited about where this is heading. I’m using a @Paper heatmap shader that’s being tweaked by browser audio. The dashes and the button are separate components, but they’re wired together through overrides and listening to each other in real time.
1
25
305
1 Collaborator
Quick progress update: Framer + Rive is the only stack we’ve used that consistently delivers 95+ Lighthouse scores while still running rich animations and advanced visual effects.
1
4
24
354
Cover image for EXHLAB - Leading Edge Quantum Physics Research and Sustainable …
EXHLAB - Leading Edge Quantum Physics Research and Sustainable …
0
1
Cover image for DriveNow — Premium Framer Template for Automotive Dealerships
1 Collaborator
DriveNow — Premium Framer Template for Automotive Dealerships
1
3
17