vivekkachhadiyatech

vivekkachhadiyatech/skills

Plugin Claude Code

Plugin marketplace listing 15 plugins: system-design-skills, quality-gate, interaction-motion, design-references, design-systems.

vivekkachhadiyatech/skills

Instructions file

Instructions for vivekkachhadiyatech/skills, covering agent rules (master), rule 1 — think before coding, rule 2 — simplicity first, rule 3 — surgical changes and rule 4 — goal-driven execution.

vivekkachhadiyatech/skills

Plugin Claude Code

Design ops layer: dev-ready handoff specs with scored audit via visual-critique, and a design-debt ledger with drift detection against the project DESIGN.md / system.md.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Harvest design debt from a component, screen, or directory into a structured ledger (what/where/severity/fix). Detects drift against the project DESIGN.md or system.md using deterministic diff. Appends to docs/DESIGN-DEBT.md.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Produce a dev-ready handoff spec for a design input (URL, screenshot, Figma, or source). Covers tokens, component states, breakpoints, and a11y requirements. A scored audit of the design is DELEGATED to visual-critique:critique — never self-scored.

vivekkachhadiyatech/skills

Plugin Claude Code

The growing design reference corpus + retrieval for the design suite. Owns a tag-indexed DESIGN.md-format corpus (add a .design.md → re-index) and a retrieve skill that returns a relevant shortlist across ALL references for downstream blending. Combinatorial synthesis lands in a later phase.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Render a reference URL via a browser MCP and extract its aesthetic — computed palette, font-families, border-radii, plus a screenshot — as a corpus-shaped reference entry to feed design-references:synthesize. Inspiration only: extract the aesthetic axes, never copy assets/copy/layout. When no browser MCP is available…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use to pull a relevant shortlist of design references from the corpus for a build — filter by tags (industry, product-type, style, mood, density, motion) then pick the top few to draw ideas from. Returns references across MULTIPLE sources for blending (never a single-brand match). Called by ui-design and…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use to blend ≥2 design references into ONE original design spec — assign each design axis (color, type, layout, motion, surface) to a DIFFERENT parent reference, then enforce an anti-copy divergence gate so no axis is inherited unchanged. Returns a per-axis blended spec + provenance manifest. Called by ui-design and…

vivekkachhadiyatech/skills

Plugin Claude Code

First-party user research methods: personas, journey maps, JTBD, interviews, surveys, usability testing, and heuristic evaluation grounded in primary sources.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Run design research: personas, journey maps, JTBD, semi-structured interviews, surveys, usability testing, and heuristic evaluation. Every output cites evidence or flags assumptions — no fabricated user quotes or invented findings.

vivekkachhadiyatech/skills

Plugin Claude Code

Emit and maintain a project design system as a DESIGN.md artifact: 3-tier token schema, theming, accessibility-as-tokens, and a decision log. Contrast is validated by the quality-gate plugin, never self-attested.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Use to create or extend a project's design system as a DESIGN.md file — OKLCH token layers, 3-tier token schema, theming, accessibility tokens, and a decision log. Emits a validated DESIGN.md other design skills consume. Contrast is checked by quality-gate, not self-attested.

vivekkachhadiyatech/skills

Plugin Claude Code

Practitioner tools for design rationale, presentations/decks, case studies, and UX writing. Routes to the right method from a single toolkit skill.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Design practitioner tools: justify decisions (design rationale), structure a design-review deck, write a STAR case study, or produce UX microcopy (error messages, empty states, labels). Routes to the right method and produces a concrete artifact.

vivekkachhadiyatech/skills

Plugin Claude Code

Design meaningful motion for the design suite: a should-this-animate judgment gate, then a library router (CSS / Motion.dev / GSAP / Lenis) that emits animation with mandatory prefers-reduced-motion. Motion quality (transform/opacity-only, easing) is linted by quality-gate, never self-attested.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Judgment gate → library router → reduced-motion → gate-linted. Animate only with purpose; route to CSS / Motion.dev / GSAP / Lenis per need; every emission ships a prefers-reduced-motion fallback; quality linted by quality-gate:gate, never self-attested.

vivekkachhadiyatech/skills

Plugin Claude Code

Premium scroll-motion landing pages (landing-page) AND real-time 3D/WebGL scroll pages (landing-3d, single-file vanilla Three.js): intake gate → art-direction → CSS-only vs Lenis+GSAP stack router → SSR-safe blendable scroll recipes → hard prefers-reduced-motion gate → for 3D, a hard no-WebGL/mobile poster fallback +…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Real-time 3D/WebGL scroll landing pages, emitted as ONE self-contained HTML file (vanilla Three.js via ES-module CDN + importmap — no bundler). Zero-assumption intake → art-direction gate (adds a 3D-motif axis) → reference grounding → HARD capability fallback (prefers-reduced-motion OR no-WebGL OR mobile/low-power →…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Premium scroll-motion landing pages. Zero-assumption intake → art-direction gate → reference grounding → stack router (CSS-only vs Lenis+GSAP) → SSR-safe blendable recipes → hard prefers-reduced-motion gate via gsap.matchMedia → anti-default check → browser-QA → forced critique. Animation judgment delegated to…

vivekkachhadiyatech/skills

Plugin Claude Code

OPTIONAL, paid. AI image/video generation behind one self-serve provider wrapper (fal.ai). Hard spend gate: states estimated cost and refuses to spend without explicit confirmation. Fails loud with a placeholder when no API key is present. Fully isolated — nothing in the suite depends on it.

vivekkachhadiyatech/skills

Skill Claude CodeCodex

OPTIONAL, paid. Generate an AI image or video via one self-serve provider (fal.ai) behind a hard spend gate. States estimated cost and refuses to spend without explicit confirmation; fails loud with a placeholder when no key is present. The agent never handles the API key.

vivekkachhadiyatech/skills

Plugin Claude Code

Main entry for the design suite. Runs a zero-assumption gate, routes a design request to the right skill (build → ui-design, audit/score → visual-critique, design system → design-systems), enforces build-calls-critique (nothing self-grades), runs the adversarial build→score→refine loop, and persists tokens to a…

vivekkachhadiyatech/skills

Skill Claude CodeCodex

Entry point for the design suite. Runs a zero-assumption gate, scans project design context, routes to the right skill (build → ui-design:ui-design, audit/score → visual-critique:critique, design system → design-systems:design-system), enforces the adversarial build→score→refine loop so nothing self-grades, and…