OSpec Examples

Real-world OSpec examples from simple websites to ML pipelines

OSpec Examples

Explore real-world examples of OSpec specifications across different outcome types and complexity levels.

Admin Dashboard

web-app
React + TypeScript + Tailwind Node.js + Express + PostgreSQL Docker + Railway

E-Commerce Shop Website

Full-featured online store with products, cart, checkout, and payments

web-app
Next.js@14 TailwindCSS@3 Supabase Stripe Clerk Vercel

Realtime Whiteboard (Qwik City)

Large interactive whiteboard with instant TTI via resumability and real-time collaboration

web-app Advanced
Qwik City@1.16 Qwik TailwindCSS@4 Konva + RoughJS PlanetScale MySQL + Redis Auth.js (Qwik adapter) Liveblocks Cloudflare Pages + D1 pnpm@9

Enterprise Admin (Nuxt)

Mature ecosystem admin portal with comprehensive features and competitive mobile performance

web-app Advanced
Nuxt@4 Vue@3 TailwindCSS@4 + Nuxt UI Postgres (Neon) via Prisma Auth.js (Nuxt) Apache ECharts Vercel (Node adapter) Vercel KV pnpm@9

Field CRM (Marko)

Mobile-first CRM for agents in the field with HTML-streaming and tiny per-route JavaScript

web-app Advanced
Marko@6 Marko TailwindCSS@4 + DaisyUI@4 Neon Postgres + Drizzle ORM Lucia Cloudflare KV + Redis Fly.io pnpm@9

2D Web Game

Interactive 2D web game with real-time multiplayer, physics, and leaderboards

game Advanced

Cloud Infrastructure as Code

Complete cloud infrastructure setup using Terraform with monitoring, security, and auto-scaling

infrastructure Advanced

ML Training Pipeline

End-to-end machine learning pipeline for image classification with MLOps best practices

ml-pipeline Advanced

Expense Tracker Mobile App

Cross-platform mobile app for expense tracking with receipt scanning, budgets, and analytics

mobile-app Advanced

Router-Centric App (TanStack + Solid)

Modern application showcasing TanStack Router's powerful data loading patterns with SolidJS performance

web-app Advanced
TanStack Start@1.13x (Solid adapter) SolidJS@1.9 TanStack Router (file-based) TailwindCSS@4 + DaisyUI@4 Drizzle ORM + Postgres (Neon) Server Functions (isomorphic) Pusher or Ably Lucia Vercel (Node) or Cloudflare Pages pnpm@9

SaaS Starter (SvelteKit)

Complete SaaS foundation with authentication, billing, teams, and email management

web-app Advanced
SvelteKit@2 Svelte@5 TailwindCSS@4 + Skeleton UI Supabase Postgres Supabase Auth Stripe@13 Resend + React Email Vercel pnpm@9

Task Management API

RESTful API for task management with authentication, CRUD operations, and real-time updates

api Intermediate

Project Management CLI

Cross-platform command-line tool for managing projects, tasks, and workflows with offline support

cli Intermediate

Docs Portal (Marko + HTMX)

Lightning-fast content-heavy site with progressive enhancement via HTMX and minimal JavaScript

web-app Intermediate
Astro@5 (pages) + Marko@6 (partials) Marko + vanilla HTMX@1.9 + Hyperscript TailwindCSS@4 + DaisyUI@4 Pagefind (static) or Algolia DocSearch Markdown/MDX in-repo + GitHub Actions ingestion Cloudflare CDN Cloudflare Pages pnpm@9

Kanban for Teams (SolidStart)

Real-time collaborative Kanban board with tiny bundles and fine-grained reactivity

web-app Intermediate
@solidjs/start@1 SolidJS@1.9 TailwindCSS@4 + DaisyUI@4 Turso (libSQL) + Drizzle ORM Lucia Ably Cloudflare Pages + Workers pnpm@9

JavaScript Library Package

Reusable JavaScript library with TypeScript, comprehensive testing, and NPM publishing

library Intermediate

Example Categories

Web Applications

APIs & Services

  • API Service - RESTful API with comprehensive features
  • RESTful and GraphQL APIs with proper documentation and testing

CLI Tools

  • CLI Tool - Command-line application with subcommands
  • Command-line utilities and developer tools

Mobile Applications

  • Mobile App - React Native cross-platform app
  • Native and cross-platform mobile development examples

Games & Interactive

  • 2D Web Game - Multiplayer space shooter game
  • Interactive applications and real-time systems

Libraries & Packages

  • JavaScript Library - Reusable utility library
  • Open source packages and reusable components

Machine Learning

  • ML Training Pipeline - End-to-end ML workflow
  • ML pipelines, data processing, and model deployment examples

Infrastructure

  • Cloud Infrastructure - Production-ready cloud setup
  • Infrastructure as code and deployment automation

Contributing Examples

Have an interesting OSpec example to share? We welcome contributions!

  1. Fork the repository
  2. Add your example in _examples/your-example.md
  3. Follow the example template
  4. Submit a pull request