fd3d-visual-qa
Run render-inspect-revise loops and browser interaction checks for generated frontend/3D; use to turn code completion into evidence-backed design delivery.
Skill by KooshaPari
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/kooshapari-fd3d-visual-qa
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design, frontend, testing, agent-building
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/fd3d-visual-qa
What's inside
- Skill name
fd3d-visual-qa- Description
- Run render-inspect-revise loops and browser interaction checks for generated frontend/3D; use to turn code completion into evidence-backed design delivery.
- License
- MIT
- Metadata
- origin: original-kit-skill · version: 1.0
- Instructions
- 20 lines in SKILL.md · view on GitHub
Files (1)
- SKILL.md
SKILL.md (first lines)
# Visual iteration must actually see the output
## Evidence loop
1. Establish a fixed scene/viewport/camera seed and one concrete hypothesis: silhouette is wrong, lighting hides the surface, or motion is too busy. Keep other variables stable.
2. Render three model views and five story progress checkpoints. Include mobile, low-motion and fallback states.
3. Inspect the pixels. List visible defects with frame and region; separate geometry, material, composition, copy, interaction and technical failure.
4. Make a small targeted revision. Re-render the same views, compare against the prior candidate and retain the rejected result when it explains a decision.
5. Test actual user actions with Playwright or an equivalent harness: scroll forward/back, chapter jump, material change, separate/rejoin, keyboard rotate, pause, resize, route lifecycle and renderer failure.
6. Keep logs, screenshots, source/export hashes and exact environment. A screenshot from a CPU approximation does not certify the WebGL shader; a mock cannot prove pixels.
7. Report PASS, FAIL, BLOCKED_ENV or NOT_RUN separately per capability. A script's successful exit is not aesthetic approval.
## Acceptance
Use `resources/QUALITY-GATES.md`, not a single subjective model-generated score. Explain what a simpler alternative did better. Do not enhance test screenshots to hide defects or invent FPS/byte measurements. Ask for human art approval when the brief requires it; continue all executable checks rather than stopping at a vague need for review.
Sources: R22, R17, R18. See `evidence/` and `tests/` for this kit's explicit verification boundary.
## Kit location
Kit root: `{{KIT_ROOT}}`. The sync script expands this token. In the canonical ZIP, resolve the root two directories above this skill folder. Paths mentioned above are relative to that root. Read only the referenced files needed for the task.From KooshaPari/PhenoShared, MIT.
More from KooshaPari/PhenoShared
- 0.565score
fd3d-interactive-props
KooshaPari
Build active interface props such as dials, hinged devices, material selectors, magnetic controls and animated vector states; use when the object must respond…
SkillAFreshness: AClaude Code +9 - 0.565score
fd3d-react-three-scenes
KooshaPari
Structure React Three Fiber scenes with stable ownership, GLB loading, reusable resources and on-demand rendering; use when the frontend already uses React.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-shader-effects
KooshaPari
Design bounded shader effects such as refractive lenses, distortion, iridescence and product reveals; use only after geometry, composition and basic materials…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-art-direction
KooshaPari
Create distinctive product-led frontend art direction, layout, typography and motion language; use before styling a premium landing page.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-geometry-nodes
KooshaPari
Build parameterized Blender Geometry Nodes props, scatter, patterns and repeatable mechanisms; use for editable variations rather than one-off destructive…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-material-lookdev
KooshaPari
Create coherent physical materials, including frosted/smoked glass, resin, ceramics, textile and metal; use for Blender look development and browser material…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-lighting-cameras
KooshaPari
Art-direct product lighting, camera poses and semantic close-ups; use to make locally created 3D look intentional rather than like an unlit CAD viewport.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-local-generative-3d
KooshaPari
Evaluate optional on-device image-to-3D models, hardware fit, licensing and cleanup; use only when procedural or licensed source assets are insufficient.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-medium-selection
KooshaPari
Choose between CSS, SVG, Rive, a pre-rendered sequence, model-viewer and custom 3D; use before committing a frontend to a heavyweight renderer.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-scroll-story
KooshaPari
Create reversible, scroll-linked 3D product storytelling with rotation, exploded views, material reveals and native page navigation; use for Apple/Nike-like…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-progressive-enhancement
KooshaPari
Preserve accessibility and performance when adding 3D, animated scroll, glass and rich interactions; use for reduced motion, no-JS/no-WebGL and constrained…
SkillAFreshness: AClaude Code +9 - 0.560score
fd3d-procedural-products
KooshaPari
Model original product props such as sneakers, headphones, bottles, keyboards and controls from parameters; use when editable local geometry is preferable to…
SkillAFreshness: AClaude Code +9
Signals
- Stars
- 0
- Forks
- 0
- Open issues
- 4
- Last commit (this folder)
- Sep 27, 2026 (1 month ago)
From GitHub (fetched Oct 24, 2026).
Details
- Version
- 1.0
- License
- MIT
- Repository
- github.com/KooshaPari/PhenoShared
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from KooshaPari
- 0.565score
fd3d-react-three-scenes
KooshaPari
Structure React Three Fiber scenes with stable ownership, GLB loading, reusable resources and on-demand rendering; use when the frontend already uses React.
SkillAFreshness: AClaude Code +9 - 0.565score
fd3d-interactive-props
KooshaPari
Build active interface props such as dials, hinged devices, material selectors, magnetic controls and animated vector states; use when the object must respond…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-geometry-nodes
KooshaPari
Build parameterized Blender Geometry Nodes props, scatter, patterns and repeatable mechanisms; use for editable variations rather than one-off destructive…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-art-direction
KooshaPari
Create distinctive product-led frontend art direction, layout, typography and motion language; use before styling a premium landing page.
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-shader-effects
KooshaPari
Design bounded shader effects such as refractive lenses, distortion, iridescence and product reveals; use only after geometry, composition and basic materials…
SkillAFreshness: AClaude Code +9 - 0.561score
fd3d-lighting-cameras
KooshaPari
Art-direct product lighting, camera poses and semantic close-ups; use to make locally created 3D look intentional rather than like an unlit CAD viewport.
SkillAFreshness: AClaude Code +9
Cite this page
fd3d-visual-qa skill. Agent Mart. https://agentmart.dev/skills/kooshapari-fd3d-visual-qa (last updated 2026-10-24)