# Denys Severyukov (uixNinja) — Complete Portfolio & Case Study Dossier (llms-full.txt) > Comprehensive reference document for AI search engines (ChatGPT Search, Perplexity, Claude, Google Gemini), autonomous recruiting agents, and technical researchers. --- ## 1. Executive Profile - **Full Name:** Denys Severyukov - **Brand / Handle:** uixNinja - **Title:** Senior Product Design Engineer - **Tagline:** One designer. From concept to production. - **Experience:** 15+ years designing and engineering digital products, complex interfaces, and scalable design systems. - **Location:** Montenegro (Working worldwide across US, EU, UK, and APAC time zones) - **Contact Email:** dennis.sevryukov@gmail.com - **Resume:** https://uixninja.com/assets/resume.pdf - **Social & Code Profiles:** - Portfolio: https://uixninja.com/ - Live WebGL2 UI Kit: https://kit.uixninja.com/ - Dribbble: https://dribbble.com/uixninja (96,300+ followers · 39.6M+ views · 198K+ likes) - LinkedIn: https://www.linkedin.com/in/uixninja/ - GitHub: https://github.com/uixninja/tactile-glass-ui - npm: https://www.npmjs.com/package/tactile-glass-ui ### Summary Bio Denys Severyukov (`uixNinja`) is a Senior Product Design Engineer with 15+ years of experience uniting high-craft UI/UX architecture, tokenized design systems, 3D visual direction, and production frontend code. He works across the full product lifecycle—taking complex ideas in AI, Fintech, Web3, Gaming, and SaaS from initial product strategy and interactive prototyping straight to shipping React, TypeScript, Next.js, and WebGL2/GLSL code. Over a decade of sharing work publicly on Dribbble built a global following of 100,000+ designers, founders, and engineers (39.6M+ organic views), generating direct collaborations with teams at **Mozilla Firefox**, **Facebook**, **Binance**, **Ethereum**, **Blizzard**, and **EA Games**. --- ## 2. Technical & Design Stack Matrix - **Frontend & Shaders:** Next.js, React (18 & 19), TypeScript, Tailwind CSS, WebGL 2, GLSL Fragment & Vertex Shaders, Framer Motion, Vite, HTML5 Canvas, View Transitions API, Web Audio API. - **AI & Agentic Coding:** Google Antigravity, OpenAI Codex, Claude Code, Cursor, GitHub, Deterministic Agent Skill Specifications (`SKILL.md`), Prompt Engineering for UI Systems. - **Deployment & Edge Infrastructure:** Vercel, Cloudflare Pages & Edge Network, npm Package Publishing. - **Product Design & Systems:** Figma, Multi-Brand Design Systems, Strict 4px Spatial Grids, Component API Design, 3D Art Direction & Asset Integration, Gamification & Retention Mechanics, Accessibility (WCAG / WAI-ARIA). --- ## 3. Case Study 01: Tactile Glass UI (`/tactile-glass`) - **URL:** https://uixninja.com/tactile-glass - **Live Playground:** https://kit.uixninja.com/ - **Components Workbench:** https://kit.uixninja.com/components - **npm Package:** `tactile-glass-ui` (https://www.npmjs.com/package/tactile-glass-ui) - **GitHub Repository:** https://github.com/uixninja/tactile-glass-ui - **Role:** Product Design Engineer · WebGL2 & AI Architecture - **Release Window:** Newly launched open-source release (First 10 Days telemetry) - **Early Traction (First 10 Days Live):** - **619+ npm package downloads** within the first 10 days of launch - **6,500+ Cloudflare Edge requests** on `kit.uixninja.com` across 50 countries (36K+ total zone hits) - **86 Git repository clones** by 54 unique developers inspecting the source - **0 runtime dependencies** (pure React 18/19, TypeScript, WebGL2, GLSL & Web Audio) ### Overview & Engineering Architecture Built 100% in code without Figma, **Tactile Glass UI** is an open-source React and WebGL2 optical glass component library and AI agent skill. 1. **The Optical Problem:** Standard CSS `backdrop-filter` is optically flat—it cannot bend background geometry along curved 3D bevel normals, split RGB wavelengths, or cast cursor-driven perimeter caustics. 2. **Single-Canvas WebGL2 Engine (`SharedCausticEngine`):** Instead of spawning a separate WebGL context per button (which crashes browsers after 8–16 contexts), `SharedCausticEngine` renders all registered glass components inside a single offscreen WebGL2 canvas and copies pixel slices at 60fps (DPR-capped at 2x). 3. **Mathematical Optics in GLSL:** Combines rounded-box 2D Signed Distance Fields (`sdRoundBox`), concentric inner/outer bevel heightfields, a two-pass 2D Euclidean Distance Transform (`edt2d`) for per-glyph 3D typography domes, Snell's Law surface refraction, 3-tap RGB chromatic aberration, and procedural FBM caustics. 4. **18-Parameter Live Shader Workbench:** At `kit.uixninja.com/components`, developers and designers tune 18 physical uniforms in real time (`refraction`, `thickness`, `bevelWidth`, `frost`, `darkness`, `dispersion`, `lightIntensity`, `Wave Speed`, `Aura Width`, etc.) while the workbench live-rewrites the React JSX snippet. 5. **AI Agent Skill (`SKILL.md`) & One-Click `Copy Prompt`:** Includes a 235-line `SKILL.md` agent specification and a one-click `Copy Prompt` button that packages the active component's tuned numeric uniforms, `` wrapper recipe, and SSR/CSS guardrails into a deterministic clipboard payload for Claude Code, Cursor, Antigravity, and Windsurf. 6. **10 Exports & 6 Core Interactive Components:** - ``: 56px capsule (`shape="pill"`) and 56×56px circular icon button (`shape="circle"`) with bevel refraction and click shockwaves. - ``: Segmented 56px optical glass navigation bar with a 48px spring-driven sliding refractive lens and keyboard navigation. - ``: Dual-state 104×56px toggle switch with a 48px glowing thumb and independent ON / `*Off` optical presets. - ``: Up to 580px wide (24px radius) AI agent prompt composer wrapped in a full-surface WebGL2 glass hull. - ``: Interactive 444px (ISO/IEC 7810 ID-1) 3D perspective glass card with raycast tilt (`tilt3d`, `maxTilt={12}`) and frost blur over dynamic typography. - ``: Spatial 480×304px glass audio deck with molded transport domes, Web Audio API synthesis, and a 70-band frequency visualizer. - Plus `` (universal glass wrapper for any custom React DOM tree), ``, ``, and ``. --- ## 4. Case Study 02: Lingo (`/lingo`) - **URL:** https://uixninja.com/lingo - **Client:** Lingo — Web3 Rewards & Gamified Staking Ecosystem - **Role:** Sole Product Designer (End-to-End Product Architecture, Gamification & 3D Direction) - **Timeline:** 10 Months Continuous Ownership (September 2025 – July 2026) - **Deliverables:** 11 End-to-End Product Verticals · 58-Page Production Figma Master File (Desktop, Mobile & 3D Assets) - **Verified Business Impact:** **+32% Staking Retention Uplift** verified directly by CEO Adnan after shipping the V3 ecosystem redesign. ### Overview & Key Product Verticals 1. **Staking Evolution (V1 → V2 → V3):** Transformed a fragmented, high-friction staking flow into an upfront value calculator with live APY/Lingo Power projections, lock-duration multipliers, and a 5-tier status progression system (`Explorer` to `Legend`). 2. **Core Gamification Loops:** Designed high-frequency daily retention mechanics including the 3D Spin Wheel, tiered Mystery Boxes (Bronze, Silver, Gold), and daily task streaks. 3. **Luxury Watch Gacha & Tiered Raffles:** Created bespoke 3D luxury watch gacha vaults (Rolex & Audemars Piguet rewards) and transparent on-chain ticket raffles with real-time probability breakdowns. 4. **Full 11-Module Ecosystem:** Staking & Tiers, Spin Wheel, Mystery Boxes, Watch Gacha, Tiered Raffles, Asteroid Smash, Penguins Deploy, Tasks & Partner Hub, Airdrop & Claims, Staking Arena, and Internal Admin CMS. 5. **CEO Testimonial (Adnan):** *"Hey Denys, wanted to share a quick update — retention on staking is up 32% since the redesign. The way you structured the dashboard and reward loops made a huge difference. You took rough ideas and made them feel like a real product."* --- ## 5. Case Study 03: Dribbble Archive & Inbound Brand (`/dribbble`) - **URL:** https://uixninja.com/dribbble - **Dribbble Profile:** https://dribbble.com/uixninja - **Role:** Product Design Engineer & Independent Design Practice (`uixNinja`) - **Archive Span:** December 2012 – 2026 (13+ Years) - **Verified Platform Telemetry:** - **39.6M+ Cumulative Organic Views** across 230 published shots (~172,000 average views per shot) - **96,300+ Followers** (designers, founders, and product leaders) - **198,000+ Total Likes / Appreciations** (individual viral shots reaching up to 927K views and 5.0K likes) - **230 Published Shots** backed by 187 Full-HD attachments and 58 community rebounds - **Tier-1 Client Roster:** Mozilla Firefox, Facebook, Binance, Ethereum, Blizzard, EA Games ### Highlighted Verticals in the Archive 1. **Gaming & Esports Interfaces:** Led by the 927K-view CS:GO Competitive Ecosystem dashboard, Modular Esports Bento Telemetry Kit (163K views), Cross-Platform Gamer Social Network (771K views), and Football Quiz Mobile App (167K views). 2. **Analytics & Command Centers:** BetFlux On-Chain Volume Terminal ($40.7B tracked volume), Live Provider & RTP Telemetry Console (372K views), Ad Attribution & Live Geo-Map (627K views), and Cloud API Telemetry & Latency Monitor (282K views). 3. **Crypto, DeFi & Fintech:** Mobile Crypto Wallet (460K views, 4.2K likes), Multi-Chain Whale Watcher & $12.63B TVL Bento System (182K views), DEXTools Black Hole Pair Explorer (172K views), and 3D Topographic Yield Curve Cards (128K views). 4. **AI, Product Concepts & Archive Vault:** Multi-Agent AI Mission Control workspace, THORSwap Cross-Chain DEX Hero (190K views), Hype Crypto Gaming & Sportsbook Hub (90.9K views), Lucky Swaps Solana DeFi Protocol (62.6K views), OBS Studio AI Creator Concept (204K views), and Conversational AI Language Learning App (294K views).