Open Source Projects

Open-source spec-driven AI development lifecycle that fuses Spec Kit and AWS AI-DLC with hook-enforced approval gates.

• Fuses GitHub Spec Kit's executable specs with AWS AI-DLC governance
• Approval gates enforced by Claude Code PreToolUse hooks, a technical barrier, not advice
• Ralph autonomous loop runs an approved plan without inventing new scope
• Brownfield reverse-engineering pass documents existing code before any spec is written

Revenue Operations platform where Notion is the database and Gemini 2.5 Flash is the AI sales agent. Kanban pipeline, AI lead scoring, pre-call briefings, and natural language deal management — all powered by 22 Notion operations through the Model Context Protocol.

• Notion as the CRM database — no proprietary lock-in, you own your data
• Gemini 2.5 Flash autonomously chains 22 Notion MCP operations per request
• Drag-and-drop Kanban pipeline synced to Notion in real-time via MCP
• One-click AI lead scoring (0–100) with written reasoning, saved to Notion

React hooks for streaming responses from local LLMs — Ollama, LM Studio, llama.cpp, and any OpenAI-compatible endpoint. Direct browser-to-localhost streaming with no server, no API routes, and zero runtime dependencies beyond React.

• Direct browser → localhost streaming — no server, no API routes
• Multi-backend: Ollama, LM Studio, llama.cpp, OpenAI-compatible
• Full chat state — message history, abort, clear, error handling
• Token-by-token streaming with onToken callbacks

Dynamic multi-theme support for Vue 2.7+ and Vue 3 via CSS custom properties. Ships with 7 preset themes, a TailwindCSS plugin, WCAG contrast utilities, a reactive composable API, and zero runtime dependencies beyond Vue.

• Vue 2.7+ and Vue 3 via vue-demi
• 7 preset themes — light, dark, sepia, ocean, forest, sunset, winter
• Dynamic theme generation from a single brand color
• WCAG contrast utilities (lighten, darken, contrastRatio, autoContrast)

WCAG 2.2 accessible star rating for Vue 3.5+ — TypeScript-first, half-star precision, Lucide/FontAwesome/custom icon providers, full keyboard navigation, and zero runtime dependencies.

• Half-star precision with visual half-fill support
• Five size presets: xs · sm · md · lg · xl
• Lucide, FontAwesome, or custom icon providers via slot/render fn
• WCAG 2.2 — role=group, aria-pressed per star, aria-live counter

The UAE Dirham currency symbol (U+20C3, Unicode 18.0) as React components, Web Components, a web font, CSS utilities, and formatting helpers. Ships animated price counters, masked currency inputs, live exchange rate hooks, a Tailwind plugin, a Next.js font helper, React Native components, OG card generation, and a CLI. 1,278 weekly downloads.

• DirhamSymbol — inline SVG, SSR-compatible, 9 weight variants
• AnimatedDirhamPrice — 60 fps count-up animation
• DirhamInput — masked currency input with formatting
• Web Components: <dirham-symbol>, <dirham-price>, <dirham-animated-price>, <dirham-input>

The Saudi Riyal currency symbol (U+20C1) as a web font, React, Vue 3, Svelte 5, React Native, and Web Component primitives. Ships a masked SAR input, cart and checkout math with 15% Saudi VAT defaults, currency conversion, a Tailwind v3/v4 plugin, a Next.js font helper, OG cards, a CLI, and a shadcn-compatible registry. Built off the same playbook that took the dirham package to ~8K monthly downloads.

• RiyalSymbol, RiyalIcon, RiyalPrice, AnimatedRiyalPrice, RiyalInput across React, Vue 3, Svelte 5
• Masked SAR input — pastes 'SAR 2,499.99', '⃁ 2,499.99', or '٢٤٩٩٫٩٩' and normalises to a clean number
• riyal/cart — lineItem, cartTotal, formatLineItem with proportional discount and shipping VAT
• Saudi 15% VAT helpers (addVAT, removeVAT, getVAT, SAUDI_VAT_RATE)

A modern SCSS/CSS utility toolkit complementing Tailwind CSS v3/v4 — design tokens, fluid clamp() typography, container queries, dark mode, golden ratio layouts, animations, and a 12-column grid. All classes use an sh- prefix. Only 5.1 KB gzipped.

• 30+ CSS custom properties for colors, spacing & typography
• 12-column CSS grid with responsive breakpoints and auto-fit layouts
• Fluid clamp()-based typography — no breakpoints needed
• Dark mode: data-theme attribute + prefers-color-scheme dual strategy