Skip to content
View stevenkoslaz's full-sized avatar
🎯
Focusing
🎯
Focusing
2 followers · 4 following

Achievements

Achievement: Pair ExtraordinaireAchievement: YOLOAchievement: Pull Shark

Achievements

Achievement: Pair ExtraordinaireAchievement: YOLOAchievement: Pull Shark

Block or report stevenkoslaz

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
stevenkoslaz/README.md

Hi, I'm Stavros Lazaris 👋

Frontend Engineer & Design Architect

Typing SVG
Website LinkedIn
npm FrontDose

"I build the systems other developers (and AI agents) build on."
Specialized in translating multi-tier token architectures (Figma Variables $\to$ SCSS Engines), shipping resilient enterprise headless front-ends (Next.js App Router, Sitecore, Umbraco), and engineering context layers so generated AI code fits design systems without UI drift.

⚡ Flagship Open Source: Zeus CSS

⚡ Zeus CSS — Tokenized SCSS & Fluid Foundations Layer

A modular, token-driven SCSS engine built to eliminate breakpoint soup and automate fluid scaling.

  • Recursive Token Pipeline: Emits CSS Custom Properties & utility classes automatically from nested Sass maps.
  • Zero-Emission SCSS API: Forward-only architecture exposing mixins and tokens with 0 bytes of duplicate CSS.
  • Fluid Interpolation Engine: Mathematical clamp() scaling respecting WCAG 1.4.4 zoom criteria.
  • Browser-Level Safety: Registered CSS @property definitions for typed, animatable custom properties.
 Quick Install:
$ npm i zeus-css

Architecture Specs:


Package & Docs:
npm version Zeus Docs MIT License

🏛️ Engineering Pillars & Focus Areas

📐 Design Systems & Tokens

3-tier token architecture (Primitive $\to$ Semantic $\to$ Component) synced directly from Figma variables to typed SCSS custom properties.

⚡ Headless Enterprise

Next.js App Router, React Server Components (RSC), and GraphQL integrations against enterprise backends (Sitecore Content SDK, Umbraco).

🤖 AI-Assisted UI Pipelines

Architecting structural context layers for LLMs so generated components strictly follow repository tokens instead of hallucinating styles.

🛠️ Architecture Arsenal & Tech Stack (2x2 Matrix)

🎨 Design Systems & Tokens

🌐 Core & Headless Architecture

⚙️ Quality & Tooling

🕹️ Creative & Interactive Tech

Popular repositories Loading

  1. stevenkoslaz stevenkoslaz Public