Skip to content
View shandar's full-sized avatar
💭
building stuff
💭
building stuff

Block or report shandar

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
shandar/README.md

Shandar Junaid

Designer. Builder. Educator. Founder, Affordance Design Studio.

I build tools, experiences and ways of working that keep people in control of AI.

Portfolio · Affordance · LinkedIn · Vibe Coding School

Bangalore, India · Human-centred design · AI products · Creative tools · Learning by building


From “what if?” to “try this.”

I come from UX and product design. Building lets me follow an idea through the details: how it feels, how it behaves, where it breaks, and what someone can actually do with it.

Through Affordance Design Studio, I bring together design, product thinking, hands-on development and education. My work moves between AI experiences, tools for builders, creative software, and workshops that help people turn an idea into something they can test.

A recurring question behind my projects:

When software can do more on our behalf, how do we make intent, judgement and control easier to preserve?

That question shows up in an agent's permissions, a project's memory, a visual editing tool, and the way I teach people to build.

Choose a starting point

If you want to… Start here
Carry project context into the next AI session memory-map
Keep requirements connected to implementation TRACE
Explore voice, vision and tools in a desktop agent HAL 9000
Refine a web interface visually VibeLens
Give human–AI collaboration a working protocol Project Workflow Protocol
Keep an eye on AI coding usage Signal

A few things I have built

🧠 Context that survives the conversation

memory-map packages session snapshots, context recall and memory cleanup into reusable skills. It addresses a familiar frustration: opening a new conversation and having to reconstruct the project before making progress.

TRACE connects a project's original intent to decisions made during development. It proposes updates to requirements, assumptions and open questions, with a review step before those changes become part of the project record.

🔴 An agent with more ways to interact

HAL 9000 explores an AI assistant that combines voice, vision, memory and computer tools. It brings a local application, a browser control panel and MCP integration into one workspace.

🔍 A shorter path from seeing to changing

VibeLens is a browser extension for inspecting and adjusting CSS visually, with changes written back to source. It brings interface refinement closer to the designer's immediate feedback loop.

🛠️ Structure for the work around the code

Project Workflow Protocol collects planning practices, verification steps, templates and AI collaboration rules. It makes scope, authority and completion criteria explicit.

Signal monitors usage across Claude Code and Codex CLI through a terminal interface and a visual web view. There is also a pixel-art crab. Useful tools can have some character.

Each repository has its own setup, limitations and project status. Start with its README before running anything.

The studio and the classroom

At Affordance, my interests meet in three areas:

  • Designing AI experiences: how people understand a system, direct it, recover from errors and decide when to trust it.
  • Building products and tools: turning design decisions into working behaviour, then learning from what happens.
  • Developing people's capabilities: helping designers, students and teams build with AI while exercising their own judgement.

My teaching includes Vibe to Viable, workshops and build programmes that move through problem definition, prototyping, implementation and critique. I like a session to leave people with something they made, something they tested, and a clearer sense of what to do next.

Explore Vibe Coding School · Build with Claude

How I like to work

  1. Make the intent clear. Describe the problem, the person and the outcome before choosing the implementation.
  2. Build something inspectable. A working interaction makes a discussion more useful.
  3. Keep human decisions visible. Let agents prepare and propose; make consequential approvals explicit.
  4. Check the result. Distinguish a generated artifact, a passing test and a useful experience.
  5. Leave context for the next session. Record what changed, why it changed and what remains unresolved.

On the workbench

I work across TypeScript, JavaScript and Python, with interests spanning browser interfaces, agent tools, MCP integrations, persistent context, creative interaction and workflow automation.

I am particularly interested in:

  • Agents that can explain what they are about to do and ask at the right moment.
  • Design tools that shorten the distance between an idea and a working interface.
  • Project memory that stays useful as the work changes.
  • Learning environments where people build, question and revise.
  • Small utilities that remove a recurring frustration from the day.

Let's make something useful

For product and design collaborations, AI experience work, workshops or teaching conversations, find me through Affordance or LinkedIn.

For a specific project, an issue with clear context, a reproducible bug, or a thoughtful improvement is a great place to start.


i build, therefore IAM

Explore the repositories

Pinned Loading

  1. memory-map memory-map Public

    A complete memory loop for Claude — snapshot, recall, and prune project context across sessions

    Shell 2

  2. trace trace Public

    Every decision traced from intent to ship. A Claude Code plugin that keeps your PRD in sync with what you're actually building.

    JavaScript 7 1

  3. HAL9000 HAL9000 Public

    The world's first all-seeing, all-hearing, (almost) all-doing AI agent.

    Python 11 5

  4. VibeLens VibeLens Public

    Visual CSS inspector for vibe coding — click any element, tweak its styles, write back to source. Chrome extension, no CLI needed.

    TypeScript 4 1

  5. Project_Workflow_Protocol Project_Workflow_Protocol Public

    An open-source operating system for shipping production-grade software. Built for humans. Aligned for AI.

    7 2

  6. signal signal Public

    Multi-provider AI usage monitor (Claude Code + Codex CLI). Terminal TUI + live web tank with an animated pixel-art crab. Signal, not noise.

    TypeScript 1