Skip to content

Showcase: Cyberpunk AI Avatar Dashboard with animated face + REST API #57

@M-Lietz

Description

@M-Lietz

Hi! First of all — thank you for the amazing work on s1panel. Reverse-engineering the USB protocol and building this framework was no small feat, and I've been having a blast building on top of it.

I wanted to share what I've built using s1panel as a base:

NEO Avatar Display

An animated cyberpunk AI face with real-time system monitoring for the ACEMagic S1's 170×320 TFT LCD.

Dashboard Skin System Skin Face Skin

Features

  • Animated cyberpunk AI face — blinks, looks around, reacts to CPU load
  • 5 auto-rotating dashboard skins — Dashboard, System, Network, Processes, Face
  • REST API with 11 endpoints — control expressions, skins, alerts remotely
  • Real host metrics via Proxmox API — gets actual host CPU/RAM/Disk instead of LXC container values
  • 16 facial expressions with smooth ~15 FPS animation
  • Auto-alerting — face reacts to CPU > 90%

Custom files (all new, no modifications to existing s1panel code)

  • sensors/neo_status.js — 560 lines, system metrics sensor + REST API + Proxmox integration
  • widgets/neo_eyes.js — 844 lines, animated face + 5-skin dashboard engine
  • themes/neo_avatar/ — theme config + 7 face expression PNG assets

Links

Running on Proxmox VE 9.1 in an LXC container with USB passthrough, Node.js 20.

Feel free to check it out — and thanks again for making s1panel possible! 🙏

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions