interaction-design

An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.

Front-End Code for Tracking Interactions and Conversions on Websites.

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

张鱼烧脑🐙原创考公学习工作台视觉交互模板

Starmap and team docs

The Odin Tabs extension is a browser extension that allows you to navigate through your browser tabs using speech recognition and the Large Language Model (LLM) of your choice.

A DSL for making flowcharts really easily

张鱼烧脑🐙原创知识库视觉交互工作台模板

🎨 Experiments with various UI components and interactions

CSC801: Human Machine Interaction [HMI] & CSL801: Human Machine Interaction Lab [HMI Lab] | BE Semester VIII | Computer Engineering

Get a glimpse into digitized books

Identical is an asymmetric and cooperative game playable remotely inspired by board game social interaction patterns

macOS 人机界面指南中文文档

Frontend Animation Playground is a creative side project built with ⚛️ React, HTML/CSS, and JavaScript to enhance my front-end skills. It features advanced scroll-based animations using 🌀 GSAP and 🎯 ScrollTrigger, with a focus on smooth UI transitions and interactive user experiences.

Syrofolio, an editable portfolio for designers and builders working on what comes next.

Welcome to my digital .world. A universe made of separately programmed pixels, no static images! (Disclaimer: Favicon exempt due to browser bureaucracy). 🪼

This project is an interactive particle swarm visualization that responds to user input, creating a mesmerizing and dynamic visual experience. It explores the intersection of generative art, user interaction, and performance optimization.

UI animations & micro-interactions recreated in code, with GIF previews. 高质量 UI 动效、微交互与交互设计复刻合集。

EmojiHeatmap is a creative visualization tool that dynamically generates a heatmap using a variety of emojis based on user interactions. It transforms mouse movements into colorful patterns using Perlin noise, resulting in an evolving, playful landscape of emotive symbols.

ElectromagneticField: An interactive HTML5 Canvas visualization simulating electromagnetic interactions. Explore dynamic field lines and attractors in this mesmerizing, educational experience.