Larsen Skills
Eight portable Agent Skills for interface design, motion, accessibility, visual analysis and prototyping.
npx skills add Stianlars1/larsen-skillsI'm Stian, a passionate full stack web developer based in Norway, currently crafting innovative solutions at Sleipner Motor. With a Bachelor's degree in Computer Science and over three years of hands-on experience from professional roles and personal projects, I thrive at the intersection of design and backend engineering.
My journey into technology began in my father's hobby room, where tinkering with computers sparked a lifelong fascination. Today that fascination has grown into my own company, Larsen Utvikling, where I design and ship my own products: native macOS apps like Station, FrameSnapper and dotViewer, the evidence-based CV tool Spiss, and DBHost - my honest, personal MVP for managed PostgreSQL hosting. Most recently I relaunched Tinify.dev with a public API, account plans, credits, and a complete redesign. I enjoy creating tools that simplify and enhance everyday tasks. When I'm not coding, I cherish time at home with my little family, binge-watching movies or brainstorming the next web application.
Driven by ambition, creativity, and a love for problem-solving, I'm dedicated to building user-friendly, high-performance applications that make a real difference. Let's connect and create something amazing together!
EXPERIENCE
- Front-End: TypeScript and Next.js for responsive, user-friendly interfaces.
- Back-End: Python services and legacy system integration.
- Legacy Systems
- Next.js
- Python
- React
- TypeScript
- Front-End: TypeScript and React for responsive, user-friendly interfaces.
- Back-End: Kotlin and Spring Boot services on AWS.
- Ways of Working: Mob programming, agile practices, and data-driven product decisions with designers and product managers.
- AWS
- Agile
- Kotlin
- Mob Programming
- React
- Spring Boot
- TypeScript
Full Stack Developer • Sleipner motor
Full Stack Developer building and maintaining front-end and back-end systems across Sleipner's platforms, delivering high-quality solutions for users and business alike.
Full Stack Developer • SpareBank 1 Utvikling
Full Stack Developer on Team Overview, building and maintaining the bank's primary landing page - the daily overview of accounts, transactions, loans, and financial tools across mobile and desktop.
macOS Apps
Station
The command center for local development - services, Docker, terminals, and real health checks in one native app.
FrameSnapper
Every frame. Your way. Extract full-resolution frames from any video - fast, offline, and native.
dotViewer
Quick Look for code and dotfiles - syntax-highlighted previews for 600+ file types, right inside Finder.
PROJECTS
- Authentication
- Next.js
- PostgreSQL
- React
- TypeScript
- Vercel
- Anthropic API
- CSS Modules
- GSAP
- Motion
- Next.js
- OpenAI API
- React
- Tailwind CSS
- TypeScript
- Vercel
- AI Integration
- Document Parsing
- GitHub API
- Next.js
- PostgreSQL
- React
- TypeScript
- Vercel
- AI Integration
- Anthropic API
- Next.js
- OpenAI API
- PostgreSQL
- React
- TypeScript
- Vercel
- CSS
- IntelliJ Platform SDK
- JetBrains Plugin Development
- Kotlin
- Next.js
- TypeScript
- Cloudflare
- Next.js
- Node.js
- Payload CMS
- PostgreSQL
- React
- TypeScript
- Vercel
- AWS S3
- CSS Modules
- GSAP 3
- Lexical Rich Text
- Next.js 16
- Payload CMS 3
- Playwright
- PostgreSQL
- Radix UI
- React 19
- Spline 3D
- TypeScript
- Vercel
- Zod
- AWS Lightsail
- CSS Modules
- Caddy
- Clerk
- Drizzle ORM
- FastAPI
- Next.js 16
- PgBouncer
- PostgreSQL 16
- Python
- React 19
- Stripe
- TypeScript
- Next.js
- Payload CMS 3
- React 19
- SWC
- Sharp
- TypeScript
- npm
- Color Theory Algorithms
- Next.js
- Radix UI
- React
- SCSS Modules
- TypeScript
- Various Color Formats
- Various Export Formats
- CSS
- IntelliJ Platform SDK
- JetBrains Plugin Development
- Kotlin
- Next.js
- SCSS
- TypeScript
- AWS Lightsail
- AWS S3
- Audio Processing
- Custom Authentication
- Kotlin
- Next.js
- REST API
- React
- Sign in with Google
- Spring Boot
- TypeScript
- UI/UX Design
- Wavesurfer.js
- AWS Lightsail
- Color Theory
- Next.js
- React
- TypeScript
- UI/UX Design
- AWS Lightsail
- Image Processing Tools
- ImageMagick
- Kotlin
- Next.js
- REST API
- React
- Spring Boot
- TypeScript
- UI/UX Design
- AWS
- Google Cloud Storage
- JWT Authentication
- Kotlin
- Next.js
- PostgreSQL
- React
- Spring Boot
- TypeScript
- UI/UX Design
- Figma
- Illustration
- Next.js
- React
- TypeScript
- UI/UX Design
- Barcode Generation
- Firebase
- Next.js
- React
- TypeScript
- UI/UX Design
- Admin Dashboard
- Authentication
- Firebase
- Next.js
- React
- Tailwind CSS
- TypeScript
- UI/UX Design
- Next.js
- QR Code Generation
- React
- Supabase
- Tailwind CSS
- TypeScript
- UI/UX Design
- Audio Processing
- Express.js
- Firebase
- Node.js
- REST API
- React
- TypeScript
- UI/UX Design
- Wavesurfer.js
Fotball-VM.lol - World Cup 2026 Fan Platform
Built a Norwegian fan community platform for the 2026 FIFA World Cup - match schedules, live results, friend groups ('gjengen'), a viewing location finder, and watch party events for Norway's matches.
Motioned - AI Micro-Animation Generator
Built Motioned, an AI-powered micro-animation generator. Describe a hover, press, or toggle interaction and get production-ready code as Tailwind CSS or CSS Modules - powered by native CSS, Motion, or GSAP, with live preview and shareable results.
Spiss - Evidence-Based CV Tailoring
Created Spiss, an AI-powered tool that generates consultant CVs tailored to specific job listings - with full source traceability. Ingests PDFs, Word documents, GitHub profiles, and websites into a master profile, then red-flags unmet requirements instead of fabricating them. No claims without sources.
Min Plen - AI-Assisted Lawn Care Planner
Built Min Plen, a Norwegian lawn care platform that generates step-by-step seasonal maintenance plans tailored to soil, shade, and local climate. Includes AI-assisted suggestions with user approval, photo history tracking, and manual safety checkpoints for chemical handling.
PxPeek - JetBrains Plugin
Developed PxPeek, a JetBrains IDE plugin that shows real-time pixel equivalents for CSS units like rem, em, vh, and vw - inline beside each value or aggregated per line. Works across all JetBrains IDEs with CSS support.
Larsen Utvikling - My Own Development Company
Founded Larsen Utvikling, my solo Norwegian development company (ENK) delivering websites, web applications, native apps, and headless CMS solutions - and the umbrella for my own products like Station, FrameSnapper, dotViewer, DBHost, and Spiss.
Ampera AS - Energy Contractor Platform
Built the full website for Ampera AS, a Norwegian energy contractor - a B2B lead-generation platform on headless Payload CMS 3 with reusable content blocks, plus conversion flows like Byggestrøm booking and safety leader inquiries with server-side validation and reCAPTCHA v3.
DBHost - Managed PostgreSQL Hosting
A managed Database-as-a-Service platform where developers provision PostgreSQL databases in seconds and get a connection string - no infrastructure to manage. Ships a dashboard with SQL Explorer, REST API, CLI, PgBouncer pooling, and automated backups on a split-plane Next.js + FastAPI architecture with Stripe billing.
payload-img-convert - Image Conversion Plugin for Payload CMS
An open-source Payload CMS v3 plugin that auto-converts and resizes uploaded images to WebP and AVIF using Payload's managed Sharp instance. Ships custom admin UI with file size savings, resize suggestions, and quality warnings - install, configure, done.
Rampkit - From Hex to Color Palette
A color palette generator that turns any hex color into a 12-step ramp with accent and gray scales in light and dark variants. Exports shadcn/ui HSL, CSS variables, JSON, and plain text - built for design system work.
CSS Variables Assistant - JetBrains Plugin
Advanced CSS custom properties plugin for JetBrains IDEs - intelligent autocomplete with live preview, quick documentation with color swatches, JSDoc support, and @import resolution across CSS, SCSS, SASS, and LESS. Rated 4.6/5.0 on the JetBrains Marketplace.
Sonio: Advanced Music Platform, just like SoundCloud
Developed Sonio, a free music platform for uploading, sharing, and discovering tracks - a SoundCloud-style experience with waveform playback via WaveSurfer.js. Kotlin + Spring Boot backend with custom auth and AWS S3 storage, Next.js frontend designed from scratch.
ColorPalette: Create beautiful color palettes with instant code export
Created ColorPalette, a web application that generates beautiful color palettes and exports them as ready-to-use code snippets for various languages and frameworks.
Tinify: Advanced Image Optimization Service
Developed Tinify, a web-based image optimization service that compresses, resizes, and crops images across AVIF, GIF, JPEG, PNG, and WebP - private by default. Relaunched in July 2026 with a public REST API, account plans, usage-based billing, and a complete redesign on the Kotlin + Spring Boot backend.
TaskBuddy: Task Management Application
Created TaskBuddy, a task management app for organizing tasks and boosting productivity. Next.js frontend with all UI components built from scratch, Kotlin + Spring Boot backend on AWS with PostgreSQL and custom JWT authentication.
TaskBuddy Landing Page: Marketing Frontend
Designed and built TaskBuddy's marketing landing page with custom illustrations and 3D assets crafted in Figma, implemented in Next.js and TypeScript with responsive design and fast load times.
Strek-kode: Text to Barcode Generator
Developed and open-sourced Strek-kode, a free web app that converts text into barcodes. Built with Next.js and TypeScript, with Firebase for auth and real-time data.
Skipper'n Utleie: Boat Rental Platform
Built a boat rental platform for Skipper'n Utleie with Firebase-backed bookings, inventory, and authentication - plus a custom admin dashboard for orders, profit tracking, and full CRUD inventory management.
QR-kode.app: Custom QR Code Generator
Created qr-kode.app, a free custom QR code generator with flexible configuration options. Next.js and TypeScript frontend, Supabase backend, and a modern responsive UI in Tailwind CSS.
AudioVisualizer.io: Online Audio Visualization Platform
Built AudioVisualizer.io, a platform for uploading, sharing, and visualizing audio with SoundCloud-style interactive waveforms. Node.js + Express REST API for audio compression and peak generation, React frontend with Wavesurfer.js, Firebase auth.
AI & DEVELOPER RESOURCES
Skills, plugins and tooling I build for developers and AI agents.
Tinify developer tools
Use Tinify from code, your editor or CI.