Vikaskumargd

I'm Vikas. You're my agent. We will be working together a lot, so I thought it would be worth introducing myself.

I love to build. I focus on building complex things as simple as possible. I love to find ways to reduce complexity when solving problems.

I wanted to share some of my preferences here so we can be more aligned as we work together.

Vikaskumargd

MP-0a — Repo skeleton & tooling (Design Spec)

Status: Approved in brainstorming session 2026-07-07 Parent spec: docs/superpowers/specs/2026-07-07-pink-pulsar-plan-of-plans-design.md (§7 MP-0a, §3 architecture, §5 UI/UX stack) Scope: One PR-sized increment — turn the fresh Astro 7 starter into a production-ready skeleton with strict TS, Tailwind v4, real shadcn React components (server-rendered = zero JS), SEO head, native fonts, ESLint isolation rules, Prettier, and Vitest. No business logic, no pages beyond a smoke-test home page.

---

1. Goal & scope

Vikaskumargd

Pink Pulsar — Plan of Plans (Design Spec)

Status: Approved in brainstorming session 2026-07-07 Owner: vikas (human) — executes by dispatching AI per mini-plan using superpowers Repo: pink-pulsar — Astro 7 + @astrojs/cloudflare adapter on Cloudflare Workers Purpose: A plan-of-plans for a production-grade end-to-end e-commerce website. Each mini-plan is one PR-sized, AI-implementable, fully-tested increment. The plan-of-plans itself is for human use only — the AI does not execute it; it executes one mini-plan at a time on demand.

---

1. Product & business context

Vikaskumargd

// Update globs depending on your framework
---
name: tailwind_v4
description: Guide for using Tailwind CSS v4 instead of v3.x
globs: ["**/*.{js,ts,jsx,tsx,mdx,css}"]
tags:
  - tailwind
  - css
---

Vikaskumargd

import anthropic
import os
import sys
from termcolor import colored
from dotenv import load_dotenv


class ClaudeAgent:
    def __init__(self, api_key=None, model="claude-3-7-sonnet-20250219", max_tokens=4000):
        """Initialize the Claude agent with API key and model."""

Vikaskumargd

/**
 * List unique CSS properties for all DOM elements
 * Initially created to list unique font stacks on a page
 * @see {@link http://stackoverflow.com/a/35022690/ Inspired by this StackOverflow answer}
 *
 * @see {@link https://gist.github.com/macbookandrew/f33dbbc0aa582d0515919dc5fb95c00a/ URL for this file}
 *
 * @author AndrewRMinion Design (https://andrewrminion.com)
 * @version 1.1
 *

Vikaskumargd

import { useState, useEffect } from "react";

export const useFetch = (url, ref, initialValue) => {
  const [data, setData] = useState(initialValue);
  const [error, setError] = useState(null);
  const [loading, setLoading] = useState(true);

  useEffect(() => {
    if (ref.current) {
      (async () => {

Vikaskumargd

{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "Debug CRA Tests",
        "type": "node",
        "request": "launch",
        "runtimeExecutable": "${workspaceRoot}/node_modules/.bin/react-scripts-ts",
        "runtimeArgs": [
          "--inspect-brk",

Vikaskumargd

public class AsyncMediatorPipeline<TRequest, TResponse> : IAsyncRequestHandler<TRequest, TResponse> where TRequest : IAsyncRequest<TResponse>
    {

        private readonly IAsyncRequestHandler<TRequest, TResponse> inner;
        private readonly IAsyncPreRequestHandler<TRequest>[] preRequestHandlers;
        private readonly IAsyncPostRequestHandler<TRequest, TResponse>[] postRequestHandlers;

        public AsyncMediatorPipeline(IAsyncRequestHandler<TRequest, TResponse> inner, IAsyncPreRequestHandler<TRequest>[] preRequestHandlers, IAsyncPostRequestHandler<TRequest, TResponse>[] postRequestHandlers)
        {
            this.inner = inner;

Vikaskumargd

public static Func<A, R> Memoize<A, R>(this Func<A, R> f)
{
  var map = new Dictionary<A, R>();
  return a =>
    {
      R value;
      if (map.TryGetValue(a, out value))
        return value;
      value = f(a);
      map.Add(a, value);