Skip to content
← back to the sketchbook

Drawing set · 11 sheets

All Projects

Hi there! I'm passionate about creating intelligent digital experiences, blending AI, React, and automation to craft clean, efficient, and scalable web systems.

Sheet A-01 / 11

fig. 1: Clicky SDK

Clicky SDK

An AI-powered UI guidance overlay for React Native and Expo apps. Users speak or type a question and Clicky highlights the relevant UI elements with step-by-step animated guidance, triggered by a shake, a volume-button triple-press or from code. Demoed on a UPI payments app to walk a first-time user through paying. Co-built with @shukla_pritika.

Materials

  • React Native
  • Expo
  • TypeScript
  • Reanimated

PROJECT

Clicky SDK

SHEET
A-01 / 11
DATE
APR 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-02 / 11

fig. 2: clacky

clacky

Your GitHub contribution graph as a grid of clickable mechanical keycaps. Every day is a key: press one and it bottoms out, springs back with a physically simulated return and clicks like a real switch, using real Blue, Brown, Red and Cream switch recordings. Pure-CSS keycaps, 8 themes, keyboard accessible, and it ships as both a React component and a zero-dependency web component.

Materials

  • TypeScript
  • React
  • Web Components
  • Motion

PROJECT

clacky

SHEET
A-02 / 11
DATE
OCT 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-03 / 11

fig. 3: lucidiff

lucidiff

Turns a pull request into a self-contained, interactive HTML explainer for reviewing code you didn't write: a plain-English summary, per-file change cards, a flow diagram, risks cited to exact lines in the diff, and a test checklist. The model only fills a validated JSON schema, and every citation is checked against the diff before rendering. Works on GitHub PRs, local git ranges or any diff.

Materials

  • TypeScript
  • Node.js
  • AI SDK
  • Zod
  • Mermaid

PROJECT

lucidiff

SHEET
A-03 / 11
DATE
OCT 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-04 / 11

Gemini-Supermemory screenshot
fig. 4: Gemini-Supermemory

Gemini-Supermemory

A Gemini CLI extension providing persistent AI memory across sessions and projects using Supermemory. Features auto-capture, codebase architecture indexing, and team-shared knowledge via MCP tools.

Materials

  • Gemini
  • Node.js
  • TypeScript
  • MCP

PROJECT

Gemini-Supermemory

SHEET
A-04 / 11
DATE
MAR 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-05 / 11

fig. 5: MacClaw

MacClaw

A macOS gesture control system that maps hand movements to desktop actions using Python and MediaPipe. Supports real-time cursor tracking, pinch-to-click, and gesture-based scrolling/dragging.

Materials

  • Python
  • MediaPipe
  • OpenCV

PROJECT

MacClaw

SHEET
A-05 / 11
DATE
MAR 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-06 / 11

fig. 6: Zero

Zero

An AI-powered search engine for discovering indie software products. Describe your problem in natural language and instantly surface the best matching tools built by independent developers.

Materials

  • Next.js
  • TypeScript
  • Supabase

PROJECT

Zero

SHEET
A-06 / 11
DATE
MAR 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-07 / 11

fig. 7: ClipCraft AI

ClipCraft AI

An AI-powered video generator: enter a prompt and get a polished promo video. Claude AI writes the copy and Remotion renders the motion graphics, all automated end-to-end.

Materials

  • TypeScript
  • Next.js
  • Python

PROJECT

ClipCraft AI

SHEET
A-07 / 11
DATE
FEB 2026
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-08 / 11

Nova AI screenshot
fig. 8: Nova AI

Nova AI

Nova AI is an advanced multi-modal assistant that can read webpages, research live information, run Python code, and interact through natural voice conversations.

Materials

  • LangChain
  • TypeScript
  • Next.js

PROJECT

Nova AI

SHEET
A-08 / 11
DATE
2025
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-09 / 11

Converso screenshot
fig. 9: Converso

Converso

An AI-powered learning companion that lets students discuss topics and concepts in real time with an intelligent study partner.

Materials

  • Next.js
  • TypeScript
  • React

PROJECT

Converso

SHEET
A-09 / 11
DATE
2025
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-10 / 11

SkillSwap screenshot
fig. 10: SkillSwap

SkillSwap

A micro-gig platform where people list their specialized skills, host learning sessions, and earn per hour, complete with real-time chatting.

Materials

  • Next.js
  • TypeScript
  • Prisma

PROJECT

SkillSwap

SHEET
A-10 / 11
DATE
2025
SCALE
1 : 1
DRAWN
R. AGARWAL

Sheet A-11 / 11

XMatch screenshot
fig. 11: XMatch

XMatch

A Tinder-style matchmaking app for developers. Chat, match, and connect with fellow devs using real-time communication.

Materials

  • Next.js
  • Prisma
  • Node.js

PROJECT

XMatch

SHEET
A-11 / 11
DATE
2025
SCALE
1 : 1
DRAWN
R. AGARWAL