M-Jayz Logo
Vibe Coding Lab

Interactive Experiments & AI-Assisted Showcase.

Welcome to my digital workshop! This platform documents the evolution of experimental web games and educational tools created through "vibe coding"—synthesizing AI intelligence (Grok, Claude) with custom audio production (Suno, FL Studio, Adobe Audition) and visual design (Photoshop, Illustrator).

Interactive Games & CYOA

2 Active Builds

TS

Interactive Game

An experimental browser-based gaming project exploring fast-paced web mechanics, responsive interactions, and dynamic gameplay loops built through iterative prompt engineering and AI collaboration.

Creative & Tech Stack

🤖 Claude ⚡ Grok 🎵 Suno AI 🎛️ FL Studio 🎨 Adobe Photoshop
Development Iterations & Vibe Stages
•
Stage 1 (Concept & Logic): Rapid prototyping of game rules and responsive canvas layouts with Claude.
•
Stage 2 (Audio Integration): Sound effects created in FL Studio blended with AI ambient backdrops from Suno.
•
Stage 3 (Visual Polish): Asset scaling and UI refinement in Photoshop.
Play TS Game

Defiance CYOA

Choose Your Own Adventure

An immersive Choose Your Own Adventure experience blending narrative storytelling, atmospheric sound design, dynamic decision trees, and visual media integration.

Creative & Tech Stack

🤖 Claude ⚡ Grok 🎼 Suno AI 🎙️ Adobe Audition 📐 Adobe Illustrator
Narrative & Audio Vibe Process
•
Branching Mechanics: Interactive state management and story paths generated collaboratively with Grok & Claude.
•
Audio Editing: Dialog polish and sound effects mastered in Adobe Audition; original theme cues composed via Suno AI.
•
Vector Art: SVG badges, icons, and UI frames vector-crafted in Adobe Illustrator.
Launch Defiance CYOA

Educational & Learning Explorations

1 Active App

KLA

Kids Language Training App

An interactive early-learning language web application designed for children. Features playful sound cues, visual recognition exercises, and intuitive voice/audio prompts tailored for engaging early linguistic development.

Creative & Tech Stack

🤖 Claude ⚡ Grok 🔊 Suno & Audio Tools 🎙️ Adobe Audition 🎨 Adobe Photoshop
Educational Design & Sound Vibe
•
Interactive UX: Large, kid-friendly touch targets and colorful feedback loops programmed with Claude.
•
Child-Friendly Audio: Clear pronunciation clips edited in Adobe Audition alongside background audio cues.
•
Visual Assets: Vibrant illustrations and icon graphics pre-processed via Adobe Photoshop & Illustrator.
Explore KLA WebApp

Psychometric & Behavioral Assessment

1 Active Tool

Focus-Type

Personality & Work Style Analytics

An interactive assessment tool designed to evaluate individual personality traits, behavioral drivers, and work motivators. Built on validated public-domain psychometric frameworks and carefully authored custom item sets to ensure zero commercial restriction.

Psychometric Frameworks & Item Scales

Big Five (Mini-IPIP) — 20 items Actual public-domain validated wording with unrestricted commercial use.
Grit & Perseverance — 8 items Original wording crafted independently, inspired by Duckworth's construct.
DISC Work Style — 24 items Original items built upon public-domain DISC behavioral theory.
Work Values — 18 items Original items inspired by the public-domain O*NET framework.

Creative & Tech Stack

🤖 Claude ⚡ Grok 📊 Scoring Algorithms 🎨 Adobe Photoshop
Psychometric Logic & Data Design
•
Scale Engineering: Formulated scoring formulas for Big Five, DISC, and O*NET constructs with Claude & Grok.
•
Compliant Item Authoring: Authored custom item wording to respect IP rights while maintaining statistical construct validity.
•
Interactive Results: Real-time score aggregation and tailored summary generation for test-takers.
Take Focus-Type Test

Research & Data Exploration

1 Active Workspace

EduJobs

Research & Analysis Portal

A specialized research and data analysis exploration focusing on educational employment trends, career pathways, and workforce insights synthesized through modern data workflows.

Creative & Tech Stack

🤖 AI Analytics 📊 Data Modeling 💻 Web Research
Research Methodology & Scope
•
Data Aggregation: Gathering and organizing educational employment datasets for exploratory analysis.
•
Insight Synthesis: Translating labor market trends into actionable educational framework metrics.
Open EduJobs Portal

Build History & Version Archives

Catalog of historical index files and development iterations

Roadmap Stage

TS Version Index

Prototype snapshots and index variations.

View TS Archive on GitHub

Defiance CYOA Index

Branching storyline versions and audio updates.

No builds linked yet

KLA Version Index

Language learning revisions and lesson assets.

No builds linked yet

Focus-Type Index

Questionnaire revisions and scoring metric variations.

No builds linked yet