Block Preview

<div class="min-h-screen text-neutral-900 dark:text-neutral-50"> <div class="max-w-3xl mx-auto px-8 py-10 text-sm leading-relaxed"> <!-- Header --> <div class="mb-8"> <div class="text-2xl font-semibold">Rajesh Kumar GR</div> <div class="mt-2">AI-First Full Stack Developer</div> </div> <!-- Featured Projects --> <div class="mb-12"> <div class="mb-4 underline font-semibold">Featured</div> <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 mb-6"> <a href="https://open-vsx.org/extension/Ralphysh/ralphy-sh" target="_blank" rel="noopener noreferrer" class="border border-neutral-200 dark:border-neutral-800 rounded p-3 hover:bg-neutral-100 dark:hover:bg-neutral-900 transition-colors"> <div class="font-semibold text-sm">VSCode Extension</div> <div class="text-xs text-neutral-600 dark:text-neutral-400 mt-1">Agentic Skills</div> </a> <a href="https://www.npmjs.com/package/agentic-skills" target="_blank" rel="noopener noreferrer" class="border border-neutral-200 dark:border-neutral-800 rounded p-3 hover:bg-neutral-100 dark:hover:bg-neutral-900 transition-colors"> <div class="font-semibold text-sm">NPM Package</div> <div class="text-xs text-neutral-600 dark:text-neutral-400 mt-1">agentic-skills CLI</div> </a> <a href="https://www.npmjs.com/package/supasec" target="_blank" rel="noopener noreferrer" class="border border-neutral-200 dark:border-neutral-800 rounded p-3 hover:bg-neutral-100 dark:hover:bg-neutral-900 transition-colors"> <div class="font-semibold text-sm">Security Auditing CLI</div> <div class="text-xs text-neutral-600 dark:text-neutral-400 mt-1">SupaSec</div> </a> <a href="https://chromewebstore.google.com/detail/anything+-advanced-web-in/mnnakdngklmpjohcclpapidjdpdkjhdl" target="_blank" rel="noopener noreferrer" class="border border-neutral-200 dark:border-neutral-800 rounded p-3 hover:bg-neutral-100 dark:hover:bg-neutral-900 transition-colors"> <div class="font-semibold text-sm">Chrome Extension</div> <div class="text-xs text-neutral-600 dark:text-neutral-400 mt-1">Anything+ Inspector</div> </a> </div> </div> <!-- Summary --> <div class="mb-12"> <div class="mb-4 underline font-semibold">Summary</div> <div class="mb-6">I build tools that make AI coding agents smarter. After 15+ years architecting systems, I've found my calling: creating frameworks that teach AI agents how to handle complex coding tasks. Expert in LLM integration, prompt engineering, and building AI-first development tools.</div> </div> <!-- Experience --> <div class="mb-12"> <div class="mb-6 underline font-semibold">Experience</div> <!-- Senior Full Stack Developer --> <div class="mb-8"> <div class="font-semibold">Senior Full Stack Developer</div> <div class="mt-1">May 2022 - Present</div> <div class="mt-1"><a href="https://qualit8.com.au" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline">Qualit8.com.au</a></div> <div class="mt-2">Created task automation framework enabling AI agents to break down complex coding workflows. Published NPM package with 50+ predefined skills. Built VSCode extension and web interface for AI agent skill discovery and documentation.</div> <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400"> <span>React</span> <span>•</span> <span>TypeScript</span> <span>•</span> <span>Node.js</span> <span>•</span> <span>TanStack</span> <span>•</span> <span>VSCode Extensions</span> <span>•</span> <span>LLM Integration</span> <span>•</span> <span>AI Agents</span> <span>•</span> <span>SaaS</span> </div> </div> <!-- Digital Forensic Investigator --> <div class="mb-8"> <div class="font-semibold">Digital Forensic Investigator</div> <div class="mt-1">August 2012 - March 2022</div> <div class="mt-1">Central Cyber Security</div> <div class="mt-2">Conducted 100+ digital forensic investigations. Developed Python and PowerShell scripts automating evidence acquisition and processing, improving efficiency by 35%. Authored detailed forensic reports for legal proceedings.</div> <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400"> <span>Python</span> <span>•</span> <span>PowerShell</span> <span>•</span> <span>Automation</span> <span>•</span> <span>Forensics</span> </div> </div> <!-- Lead Instructor --> <div class="mb-8"> <div class="font-semibold">Lead Instructor | E-Commerce &amp; Cybersecurity</div> <div class="mt-1">June 2008 - March 2012</div> <div class="mt-1">IMRI - Internet &amp; Mobile Research Institute</div> <div class="mt-2">Designed and delivered training programs on web development, digital marketing, cybersecurity, and ethical hacking. Created hands-on labs using industry tools and frameworks.</div> <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400"> <span>Education</span> <span>•</span> <span>Curriculum Design</span> <span>•</span> <span>Cybersecurity</span> <span>•</span> <span>Web Development</span> </div> </div> <!-- Senior Web Developer --> <div class="mb-8"> <div class="font-semibold">Senior Web Developer</div> <div class="mt-1">April 2001 - December 2006</div> <div class="mt-1">UsableDesign</div> <div class="mt-2">Designed and developed robust web applications. Conducted vulnerability assessments. Optimised websites for search rankings and performance.</div> <div class="mt-2 flex flex-wrap gap-2 text-xs text-neutral-600 dark:text-neutral-400"> <span>PHP</span> <span>•</span> <span>JavaScript</span> <span>•</span> <span>MySQL</span> <span>•</span> <span>MongoDB</span> <span>•</span> <span>Web Security</span> </div> </div> </div> <!-- Projects --> <div class="mb-12"> <div class="mb-6 underline font-semibold">Projects</div> <!-- Agentic Skills --> <div class="mb-8"> <div class="font-semibold">Agentic Skills</div> <div class="mt-1 flex gap-2 flex-wrap"> <a href="https://www.npmjs.com/package/agentic-skills" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline">npmjs.com/package/agentic-skills</a> <a href="https://open-vsx.org/extension/Ralphysh/ralphy-sh" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline">open-vsx.org/extension/Ralphysh/ralphy-sh</a> </div> <div class="mt-2">AI agent task automation framework with published NPM package (50+ predefined skills) and VSCode extension. Enables AI agents to break down and execute complex coding tasks intelligently.</div> <div class="mt-2">Node.js | TypeScript | CLI | VSCode Extensions | AI Integration | LLM | Prompt Engineering </div> </div> <!-- Array.im --> <div class="mb-8"> <div class="font-semibold">Array.im</div> <div class="mt-1 flex gap-2 flex-wrap"> <span>Production SaaS Platform</span> </div> <div class="mt-2">Single codebase serving multiple organizations. React frontend with TanStack Query for state management. Custom block builder for flexible content workflows with advanced organization isolation architecture.</div> <div class="mt-2">React | TypeScript | TanStack Query | Node.js | PostgreSQL | REST APIs | JWT Auth | Multi-tenant Architecture</div> </div> <!-- Anything+ --> <div class="mb-8"> <div class="font-semibold">Anything+ | Advanced Web Inspector &amp; SEO Suite</div> <div class="mt-1 flex gap-2 flex-wrap"> <a href="https://chromewebstore.google.com/detail/anything+-advanced-web-in/mnnakdngklmpjohcclpapidjdpdkjhdl" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline font-semibold">Chrome Web Store</a> </div> <div class="mt-2">The ultimate developer tool for web professionals. Extract design assets, audit SEO tags, and analyze content structure with a single click. Recently approved and available on the Chrome Web Store, it features an offline-first architecture for rapid DOM analysis and workflow capture.</div> <div class="mt-2 text-xs text-neutral-600 dark:text-neutral-400 uppercase tracking-tighter">Chrome Extensions | JavaScript | Browser APIs | DOM Analysis | Automation | Offline-First Architecture</div> </div> <!-- SupaSec --> <div class="mb-8"> <div class="font-semibold">SupaSec | Supabase Security Auditing Tool</div> <div class="mt-1 flex gap-2 flex-wrap"> <a href="https://www.npmjs.com/package/supasec" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline">npmjs.com/package/supasec</a> </div> <div class="mt-2">Open-source CLI tool for comprehensive Supabase security auditing. Detects exposed secrets, misconfigured RLS policies, RPC vulnerabilities, and storage misconfigurations. Features include fuzzing, auto-fix wizard, security grading (A-F), snapshot tracking, and CI/CD integration. Free, no paywalls.</div> <div class="mt-2">Node.js | TypeScript | CLI | Security Auditing | Fuzzing | Git Analysis | PostgreSQL | JWT | RLS | CI/CD</div> </div> <!-- Tesla Infotainment UI --> <div class="mb-8"> <div class="font-semibold">Tesla Infotainment UI</div> <div class="mt-1 flex gap-2 flex-wrap"> <a href="https://tesla-ui-d82.pages.dev/" target="_blank" rel="noopener noreferrer" class="underline hover:no-underline">tesla-ui-d82.pages.dev</a> </div> <div class="mt-2">A high-fidelity recreation of the Tesla infotainment system interface web application. Demonstrates modern UI/UX design principles with responsive layout and interactive components.</div> <div class="mt-2">React | TypeScript | Tailwind CSS | Responsive Design | Component Architecture</div> </div> </div> <!-- Skills --> <div class="mb-8"> <div class="mb-4 underline font-semibold">Skills</div> <div>AI Development | LLM Integration | Prompt Engineering | AI Agents | Agentic Workflows | Task Decomposition | React | Next.js | Node.js | TypeScript | JavaScript | React Native | Expo | TanStack Start | TanStack Query | SWR | tRPC | VSCode Extensions | Chrome Extensions | Tailwind CSS | Sass | CSS | HTML | PostgreSQL | Mysql | SQL | DrizzleORM | Stripe | Google APIs | REST APIs | Multi-tenant SaaS | System Architecture | Full Stack Development | Shadcn UI | Vercel | Cloudflare Pages | Laravel | PHP | Rust | WordPress | Web Security | Performance Optimization</div> </div> <!-- Education --> <div class="mb-8"> <div class="mb-4 underline font-semibold">Education</div> <div class="mb-4"> <div class="font-semibold">Bachelor of Laws (LL.B.)</div> <div class="mt-1 text-xs text-neutral-600 dark:text-neutral-400">Karnataka State Law University | 2012-2015 </div> </div> <div> <div class="font-semibold">Graduate - Business Administration</div> <div class="mt-1 text-xs text-neutral-600 dark:text-neutral-400">University of Madras | 1998-2003</div> </div> </div> </div> </div>

Use the editor to customize this block.