vivekkachhadiyatech

vivekkachhadiyatech/skills

Plugin Claude Code

Fidelity ladder for prototyping + Nielsen-10 heuristic evaluation (0–4 severity) + browser QA via Lighthouse. Contrast/a11y delegated to quality-gate; nothing self-attests.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Run a Nielsen-10 heuristic evaluation on a UI, prototype, or flow. Assigns 0–4 severity to each finding. Contrast and a11y are ALWAYS delegated to quality-gate:gate — never self-attested.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Given a design question or stage, choose the correct fidelity (paper/wireframe/hi-fi/coded) from the fidelity ladder and produce a concise prototype brief or artifact at that fidelity. Never builds a higher-fidelity artifact than the question requires.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Browser QA for a live URL via chrome-devtools Lighthouse. Reports a11y (≥90) and performance (≥70) scores deterministically from audit JSON. Never estimates — if chrome-devtools MCP is unavailable, fails loud.

vivekkachhadiyatech/skills

Plugin Claude Code

Deterministic design quality gate for the design suite: WCAG contrast + design.md lint on tokens, rendered-DOM a11y via chrome-devtools Lighthouse, plus grep-checkable anti-pattern rules. The single home of deterministic checking — other plugins call it; nothing self-attests.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Behavioral verification of a built page via a browser MCP, run at multiple viewport widths. Drives the live URL and asserts (from real evaluation, not inspection): no console errors, nothing stuck at opacity:0 at its own in-view scroll position, scroll-triggered/pinned sections actually change transform, nothing…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use to deterministically check a design's quality — WCAG contrast, lint rules, motion/anti-pattern gates — on a DESIGN.md/token set OR a rendered URL. Returns a machine pass/fail (binary block, no partial credit) with concrete token/value fixes. Called by build/critique/motion/landing skills; contrast is NEVER…

vivekkachhadiyatech/skills

Plugin Claude Code

Build or redesign UI — page, component, screen, or layout — as an ORIGINAL design blended from ≥2 references (never a single-brand clone). Retrieves references from design-references, applies craft + anti-boring rules, has a genre gate (product vs marketing) and a data-viz sub-skill, scores itself by CALLING…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when building or redesigning UI — component or full page — and you want reference-blended, non-templated output. Classifies genre (product UI vs. marketing) and applies the matching ruleset; retrieves ≥2 design references and synthesizes a novel blend; delegates contrast validation to quality-gate:gate and scoring…

vivekkachhadiyatech/skills

Plugin Claude Code

Product direction: competitive analysis, design principles, experience/service maps, IA.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Shape product direction: competitive analysis, design principles, experience/service maps, IA. Every output cites evidence or flags assumptions — no ungrounded findings.

vivekkachhadiyatech/skills

Plugin Claude Code

Multi-input UI/UX audit for the design suite: review a live URL, screenshot, source, or Figma into a prioritized findings table and a 12-category /100 scorecard. Contrast and accessibility are computed by quality-gate (never self-attested); only judgment dimensions are model-scored. Owns the review rubric; called by…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use to review, audit, or critique a given UI/UX — live URL/localhost, screenshot, source, or Figma — for a prioritized findings table and/or a 13-category /100 score. Contrast and accessibility come from quality-gate (deterministic), only judgment dimensions are model-scored. Not for building UI (use ui-design).

vivekkachhadiyatech/skills

Plugin Claude Code

24 architecture skills for system design: 9 task skills that make design decisions (design-an-api, choose-a-datastore, scale-a-system, make-it-resilient, secure-the-system, design-a-payment-flow, choose-deployment-strategy, apply-a-reference-architecture, system-design-blueprint) plus 15 domain reference skills, all…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up an AI/ML systems concept — how ChatGPT works, what an AI agent is, data pipelines, the open-source AI stack, DeepSeek, key data terms, merging data with Pandas. Recall.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up how an API or web protocol works — HTTP/1-3, REST, gRPC, GraphQL, SOAP/RPC, load balancers, API gateways, reverse proxies, polling/SSE/WebSocket, URLs, ports, status codes. Recall and explanation, not design decisions (use design-an-api to design one).

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when a user is designing a system and wants to reuse a proven real-world architecture / pattern — matching their problem to how Netflix, Uber, Twitter, Discord, Gmail, Google Maps and others solved it. Triggers on: "how did X build Y, can we reuse it", "what pattern fits a high-fan-out feed / trillions of messages…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up a caching or performance concept — Redis, CDN, cache strategies and eviction policies, Elasticsearch/ELK, latency numbers, web performance metrics. Recall, not scaling design (use scale-a-system).

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when a user is choosing or selecting a database / datastore for a new service or feature and needs a decision made — not just a concept explained. Triggers on: "which DB should we use for X", picking a model (relational vs document vs key-value vs wide-column vs graph vs time-series), evaluating consistency needs…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when a user is choosing a deployment / release strategy and needs a decision — not just a concept explained. Triggers on: "canary or blue-green?", "how should we roll this out", picking blue-green / canary / rolling / recreate / A-B, matching it to a Kubernetes rollout or CI/CD stage, or trading off downtime vs…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up a cloud or distributed-systems concept — scalability strategies, resiliency and fault-tolerance patterns, AWS Lambda, unique-ID generators, idempotency, 12-factor, infrastructure-as-code, distributed locks, cloud messaging patterns. Recall, not design (use scale-a-system…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up a computer-fundamentals concept — OSI model, DNS lookup and record types, TCP vs UDP, paging vs segmentation, IPv4 vs IPv6, deadlock, process vs thread, SQL query execution order, TCP/IP encapsulation. Recall.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when explaining or looking up a database/storage concept — sharding, replication, CAP/ACID, isolation levels, B-tree vs LSM, Kafka and message queues, consistent hashing, CDC, memory/storage types. Recall, not selection (use choose-a-datastore to pick one).

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use when a user is designing a payment / money-movement flow and needs a design — not just a concept explained. Triggers on: "design the checkout/charge flow", choosing rails (card/ACH/UPI/wallet/scan-to-pay), ensuring idempotency / no double-charge, reconciliation and ledger design, handling an external PSP…