Home / notque / vexjoy-agent · skills/frontend/webgl-card-effects/SKILL.md · GitHub

webgl-card-effects skillA

webgl-card-effects is agent-read markdown (skill) from notque/vexjoy-agent: Standalone WebGL fragment shaders for card visual effects: holographic foil, shimmer, rarity glow..

Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.

What the file says

# WebGL Card Effects Skill

## Overview

This skill adds GPU-accelerated visual effects to React card components using standalone WebGL2 fragment shaders — no Three.js, no R3F, no external library required. It targets deckbuilder games and card UIs where rarity tiers should feel visually distinct, not just differentiated by a CSS `box-shadow` value.

**Scope**: Holographic foil overlays, metallic shimmer bands, rarity-driven energy pulses, and interactive tilt-shine effects mounted directly on React card components. The canonical target is `FramedCard.tsx` in a React 19 / Vite / Tailwind project with a rarity system (starter → common → uncommon → rare → legendary).

**Not in scope**: 3D transformations, texture loading, post-processing pipelines, or any Three.js scene management. For those, use `threejs-builder`.

**Key constraint**: Browsers cap WebGL contexts at roughly 8–16 total per page. This skill uses a single shared WebGL2 context with blit-to-2D-canvas output per card, avoiding the per-card context problem entirely. See `references/shader-integration-react.md` for the full singleton pattern.

---

## Instructions

### Phase 1: ASSESS
…

Read the whole file at its exact version.

How to install

Latest version
mdr add notque/vexjoy-agent/webgl-card-effects@git:20260923.509f669
Exact content
mdr add notque/vexjoy-agent/webgl-card-effects@sha256:4634c2c093acc734

Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_3oz3iyj2z7vs3fwp.svg)](https://markdownregistry.com/a/art_3oz3iyj2z7vs3fwp)

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260923.509f669 latest2026-09-23 509f669 11,774 BA view · diff
git:20260919.28d30f92026-09-19 28d30f9 11,506 BA view · diff
git:20260705.380563c2026-07-05 380563c 11,531 BA view · diff
git:20260506.9709a7a2026-05-06 9709a7a 11,490 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (11774 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

notque/vexjoy-agent · 424 stars · license MIT · pushed 2026-09-23 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_3oz3iyj2z7vs3fwp
GET https://markdownregistry.com/api/v1/resolve?ref=notque/vexjoy-agent/webgl-card-effects
GET https://markdownregistry.com/api/v1/blob/4634c2c093acc73427f0aefdeb01d3cbc42b5e437c64feb3a469981914711d37

Your agent does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

More from notque/vexjoy-agent

CLAUDE.md claude
notque/vexjoy-agent · CLAUDE.md
git:20260921.59e30cc · audit A · 424 stars
assessment skill
notque/vexjoy-agent · skills/analysis/assessment/SKILL.md · Assessment: read-only inspection, codebase overview, value analysis, health checks, ADR consultation, decision…
git:20260919.28d30f9 · audit A · 424 stars
data skill
notque/vexjoy-agent · skills/analysis/data/SKILL.md · Data analysis and reference enrichment.
git:20260919.28d30f9 · audit A · 424 stars
business-ops skill
notque/vexjoy-agent · skills/business/business-ops/SKILL.md · Business operations: strategy, technology, growth, competitive intelligence, support, finance, HR, legal, operations…
git:20260919.28d30f9 · audit A · 424 stars
code-quality skill
notque/vexjoy-agent · skills/code-quality/code-quality/SKILL.md · Code quality: cleanup, linting, formatting, quality gates.
git:20260919.28d30f9 · audit A · 424 stars
comment-quality skill
notque/vexjoy-agent · skills/code-quality/comment-quality/SKILL.md · Review and fix temporal references in code comments.
git:20260919.28d30f9 · audit A · 424 stars
condense skill
notque/vexjoy-agent · skills/code-quality/condense/SKILL.md · Maximize information density: preserve all instructions, remove prose filler.
git:20260919.28d30f9 · audit A · 424 stars
joy-check skill
notque/vexjoy-agent · skills/code-quality/joy-check/SKILL.md · Validate content framing on joy-grievance spectrum.
git:20260920.c4063a3 · audit A · 424 stars
content-engine skill
notque/vexjoy-agent · skills/content/content-engine/SKILL.md · Repurpose source assets into platform-native social content.
git:20260919.28d30f9 · audit A · 424 stars
content skill
notque/vexjoy-agent · skills/content/content/SKILL.md · Content operations: editorial calendar, marketing, publishing, social media management.
git:20260919.28d30f9 · audit A · 424 stars
headlines skill
notque/vexjoy-agent · skills/content/headlines/SKILL.md · Generate headlines, titles, and subject lines: charge, volume, tighten.
git:20260919.28d30f9 · audit A · 424 stars
image-gen skill
notque/vexjoy-agent · skills/content/image-gen/SKILL.md · AI image generation: Gemini and Nano Banana backends; single/series/batch workflows with prompt-to-disk.
git:20260919.28d30f9 · audit A · 424 stars

Every file in notque/vexjoy-agent

Browse by kind, by grade A, or by owner.