I'm a Full Stack Developer with a passion for building performant, scalable web and mobile applications. I work across the entire stack, from crafting pixel-perfect frontends to designing robust backend architectures and APIs.
|
Languages |
Frontend |
Backend |
|
Mobile |
Databases |
DevOps & Cloud |
|
Package Managers |
Editors & IDEs |
Tools & Platforms |
|
Operating Systems |
||
| Extension | Description | Links |
|---|---|---|
| WP2Code | Claude Code plugin that ports a WordPress site to Laravel, Next.js, Astro or plain HTML by measuring the original and diffing rendered geometry, section by section. | GitHub · Details |
| ai-writing-rules | Claude Code plugin that stops Claude writing like an AI. 29 researched patterns, loaded every session and checked on every file write. | GitHub · Details |
| Extension | Description | Links |
|---|---|---|
| SafiCrawl | In-editor website crawler & SEO auditor for VS Code | GitHub · Details · Marketplace |
| Project Pulse | Health monitoring for VS Code projects | GitHub · Details · Marketplace |
| File Explorer | A better file explorer for VS Code | GitHub · Details · Marketplace |
| ClarifAI | Free AI-powered code analysis for VS Code | GitHub · Details · Marketplace |
| ImageMagick | Free VS Code extension for optimizing images | GitHub · Details · Marketplace |
| VS-CRM | A VS Code-native CRM with optimistic mutations, realtime sync, and PDF invoices. Powered entirely by the user's own Supabase database, no middleman, no lock-in. | GitHub · Details · Marketplace |
| Extension | Description | Links |
|---|---|---|
| ImageMagick | Resize, crop, rotate, compress and convert images inside your Obsidian vault. Powered by ImageMagick (WebAssembly), fully offline. | GitHub · Details · Marketplace |
| Vault CRM | A lightweight CRM that lives inside Obsidian. Track clients, deals, and projects, log every interaction, and keep your to-dos, without leaving your vault and without a cloud account. | GitHub · Details · Marketplace |
| S-Calc | A live calculator code block: write expressions and see each line's result, with units, currencies, percentages, and dates. | GitHub · Details · Marketplace |
| Safi Theme | AWarm editorial Obsidian theme with dark and light modes, Space Grotesk headings, and one clay accent. Built from my brand at abdulkadersafi.com. | GitHub · Details · Marketplace |
| Plugin | Description | Links |
|---|---|---|
| Design to Html | A shadcn-style copy-and-own Blade component system for Laravel | GitHub · Details · Figma Still under review |
| Extension | Package Manager | Description | Links |
|---|---|---|---|
| LaralCN-UI | Composer Package | A shadcn-style copy-and-own Blade component system for Laravel | GitHub · Details · Packagist |
| Safi Studio Scanner | NPM Package | Website audit SDK for Node.js. Crawls pages and reports SEO, content, links, images, structured data, security, and crawlability issues. | GitHub · Details · NPM |
| saficss | NPM Package | Tiny runtime CSS-in-JS for plain HTML. Write a style object, get a class name. No build step, no framework, works from a CDN or npm. | GitHub · Details · NPM |
| safi-image | NPM Package | Pure TypeScript image editing for Node and Bun. PNG, JPEG, WebP, GIF, BMP, TIFF. No native binaries. 23 KB core. | GitHub · Details · NPM |
| filament-atelier | Composer Package | A visual page builder for Laravel and Filament. Code-defined blocks, a live preview that is the real page, bilingual output, server-rendered. | GitHub · Details · Packagist |