rajivmehtaflex · July 31, 2026 08:34
diff --git a/config.toml b/config.toml
 # Verified model with tool support
 model = "z-ai/glm-4.7-flash"  # or check exact name on OpenRouter
 model_provider = "openrouter"

 # Codex-optimized settings
 approval_policy = "never"
 sandbox_mode = "workspace-write"
 network_access = true
 model_reasoning_effort = "medium"  # Consider medium for better code quality

 # OpenRouter provider configuration
 [model_providers.openrouter]
 name = "OpenRouter"
 base_url = "https://openrouter.ai/api/v1"
 env_key = "OPENROUTER_API_KEY" ## This is environment Variables Not Value
 wire_api = "responses"

 [mcp_servers.groq-compound]
 startup_timeout_sec = 120
 command    = "npx"
 args       = ["groq-compound-mcp-server"]
 env        = { GROQ_API_KEY = "<KEY>" }
 type       = "stdio"                          

 [features]
 unified_exec = true
 steer = true
diff --git a/GEMINI-CLI-FLOW.md b/GEMINI-CLI-FLOW.md
diff --git a/GEMINI-EXPLAIN.md b/GEMINI-EXPLAIN.md
diff --git a/GEMINI-PLANNING.md b/GEMINI-PLANNING.md
diff --git a/GRAPH-ENGINEERING.md b/GRAPH-ENGINEERING.md
diff --git a/LOOP-ENGINEERING.md b/LOOP-ENGINEERING.md
diff --git a/promp_open_agent_skill_spec.md b/promp_open_agent_skill_spec.md
diff --git a/SELF-LEARNING-PROMPT.md b/SELF-LEARNING-PROMPT.md
diff --git a/Slide-Creation.txt b/Slide-Creation.txt
 Slide Creation

 Create a modern, visually appealing slide presentation on the topic: “The state of artificial intelligence in 2025.”
 The presentation should consist of 6–8 slides and have the following structure:
 Title slide: Title, subtitle, date, name of the presenter (if applicable)
 Introduction: What has changed since 2023/2024? Why is 2025 a crucial year?
 Technological advances: multimodal models, AGI-related developments, new benchmarks (e.g., GPT-5, Gemini 2.5, Claude 3.5, xAI)
 Ecosystem & investments: Important company developments (e.g., OpenAI, Google DeepMind, Meta, Anthropic), capital flows, mergers
 Politics & regulation: EU AI Act, US defense projects, open source debate
 Social impact: Job changes, education, trust, criticism
 Outlook: What trends are emerging? What can we expect in 2026?
 Concluding slide: Key takeaways or quote
 Please use a clear visual structure with concise statements, bullet points, icons, or graphics (if available).
diff --git a/superpower_codex.md b/superpower_codex.md
diff --git a/TASK-MASTER-MAINTAINCE-MODE.md b/TASK-MASTER-MAINTAINCE-MODE.md
diff --git a/UTILITY_PROMPT.md b/UTILITY_PROMPT.md
diff --git a/vibe-coding-prompt_v1.txt b/vibe-coding-prompt_v1.txt
 1.  write a script for a bouncing yellow ball within a Rhombicosidodecahedron, make sure to handle collision detection properly. make the Rhombicosidodecahedron slowly rotate. make sure ball stays within the Rhombicosidodecahedron. implement it in p5.js and wrap it under html, so I can paste it to online html viewer
 2.  write a script for 100 bouncing bright yellow balls within a sphere, make sure to handle collision detection properly. make the sphere slowly rotate. make sure balls stays within the sphere. implement it in p5.js and wrap it under html, so I can paste it to online html viewer
 3.  write a html,css,jquery,p5.js program that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically and wrap it under html so i can paste it.
 4.  use threejs make a fantastic 3d scene use your imagination more magic go all out and wrap it under html, so I can paste it to online html viewer
 5.  Create a single HTML file that uses Three.js to visualize a Rubik's Cube with realistic lighting and interactive controls. The cube should be built from 27 cubies with standard Rubik's Cube coloring. Include buttons for standard moves (U, U′, D, D′, L, L′, R, R′, F, F′, B, B′) that animate a 90° rotation on the appropriate face. Also, implement a scramble function that performs a series of random moves (recording each move), and an automatic unscrambler that, every 500 ms, applies the inverse of the recorded moves until the cube is solved. The solved state should be determined by comparing each cubie's current world position and rotation with its originally stored "solved" state (using a small tolerance) etc
 6.  Create a JavaScript animation of falling letters with realistic physics. The letters should: * Latters Should ‘Gajraj , Gajanan ,Gandev’ * Appear randomly at the top of the screen with varying sizes * Fall under Earth's gravity (9.8 m/s²) * Have collision detection based on their actual letter shapes * Interact with other letters, ground, and screen boundaries * Have density properties similar to water * Dynamically adapt to screen size changes * Display on a dark background and wrap it under html, so i can paste it to online html viewer
 7.  Build a p5js endless runner game with pixelated dinosaurs and interesting backgrounds.
 8.  Generate an HTML file that displays a colorful particle simulation of a reflection nebula.
 9.  Make a p5js simulation of 30 colorful boids swarming within a rotating hexagon.
 10. Use p5js to explore a Mandelbrot set.
 11. Develop a p5js demo of an interactive blend of fish and nebulae that visualizes what the fish are “thinking.”
 12. In pure three.js, without downloading any assets or textures, create a flight simulator game where I can fly an airplane. Make sure it runs in the browser. (Corresponds to Flight Simulator Prompt description)
 13. Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene. (Corresponds to Particles in Cylinder description)
 14. Generate an advanced p5.js simulation depicting multiple, mutually interacting balls subject to configurable gravity, air resistance, and inter-object friction, bouncing dynamically with accurate conservation of momentum within a continuously rotating regular hexagon whose vertices may subtly oscillate, ensuring physically precise collision detection and elastic/inelastic response against the moving, potentially deforming walls, and include interactive sliders controlling gravity strength, air resistance factor, hexagon angular velocity, vertex oscillation amplitude/frequency, ball elasticity (coefficient of restitution), and the initial number of balls. Single script. (Corresponds to Bouncing Balls Hexagon description)
 15. Create an interactive simulation that shows water molecules forming and breaking hydrogen bonds. The visualization should depict molecular motion, with oxygen in white and hydrogen in red. A temperature slider should control movement speed and bond stability. Use HTML, CSS, and JavaScript in a single file for real-time interaction. (Corresponds to Water Molecule description)
 16. Design a kaleidoscope using p5js that generates symmetrical patterns based on mouse movements.wrap it under html ,so I can paste it to online html viewer.
 17. Create a rubik cube in p5.js ,I can play with it,you need to apply generator AND solver mode for this rubik cube,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #4 in your final list)
 18. Code a TV that lets me change channels with number keys (0-9). Come up with an idea for a channel for all numbers, inspired by classic genres of TV channels. Show detailed interesting animations for content and a creative name of channel on screen. Return a 800x800 P5.js sketch (no HTML) on black background. Make sure the content of all the channels stays masked to the TV set screen area,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #5 in your final list)
 19. make a app called chatgpt ad maker that takes in a video and does a halftone effect with sliders to adjust dot size and wrap it under html, so I can paste it to online html viewer
 20. Build a Healthcare CRM to streamline patient communication, appointment scheduling, record management, and billing processes…,make sure wrap it in html one file,so i can paste it to online html viewer

 21. 
 Write a complete HTML/JavaScript program using Three.js that renders a fully interactive Rubik's Cube simulation of any size up to 20x20x20. The user should be able to specify the cube size dynamically (e.g., via an input or a variable), and the cube should be constructed accordingly with proper color-coded faces (standard Rubik's Cube colors: white, yellow, red, orange, blue, green). Include camera controls for rotating the view, and allow for basic user interaction such as rotating layers of the cube via mouse or UI buttons.

 Additionally, implement a "Solve" button that, when clicked, animates the cube being solved step-by-step visually. You can use a simplified solving algorithm (you do not need to match real Rubik's solving logic) - the goal is just to animate the cube returning to its original solved state, one move at a time, with clear transitions.

 Requirements:

 Use Three.js for all 3D rendering.

 Cube size should be adjustable up to 20x20x20.

 Solver animation should be smooth and readable.

 Keep performance in mind for larger cubes (e.g., 20x20).

 22.

 Write code for - Generate self-contained HTML code (with embedded CSS and JavaScript) for an interactive web animation using pure HTML5 Canvas and JavaScript (no external libraries). The animation features a dynamic, large, white hexagonal maze on a solid black background, running continuously and smoothly. The canvas must resize to fill the entire browser window, with all elements scaling accordingly.

 Important additional requirements: Each hexagon should apply circular rotation individually (i.e., each hexagon spins about its own center) and the animation must include a visible slider UI to control a global speed multiplier that scales the rotation speeds (and the outer gliding red line). Make the base rotation speeds noticeably faster than the original example so the rotation is visibly faster.

 Maze Details:

 Multiple (5) concentric white hexagonal outlines (layers), each rotating independently at increased random speeds and directions (use a faster base such as (Math.random() - 0.5) * 0.06 for each layer's angular velocity, and then multiply by the slider-controlled global speed multiplier). Each hexagon's rotation should be a true spin around the canvas center (circular rotation about its center). Random large gaps (1-2 per hexagon, excluding the outermost) in walls for ball passage. No internal connecting lines within any hexagonal layer (none of the concentric layers should have internal spokes or connecting lines). 

 Moving Elements:

 Five small, brightly colored bouncing balls (red, green, blue, yellow, pink) moving independently with realistic physics: they bounce off maze walls (concentric outlines only, respecting all lines without crossing—use substeps and accurate collision detection for reliability). Balls should start near the center and maintain their assigned colors. A prominent red line glides clockwise along the outermost hexagon's perimeter (non-interacting with balls/maze); its path follows the outermost layer's rotation and is scaled by the same global speed multiplier.

 Controls & UX:

 Include a visible HTML range slider labeled "Rotation Speed" that controls a global speed multiplier (for example range 0.0 to 4.0, default 2.0) which scales the angular velocities of each hexagon and the outer glider. Show the slider value numerically next to the control. Place and style the slider so it remains visible and usable on all window sizes (e.g., top-left, semi-transparent background).

 Implementation Details:

 Implement drawing, rotation transforms, physics, collision detection, and animation loop using only the Canvas API and vanilla JavaScript. Ensure smooth resizing—when the window is resized the canvas and all geometry recalculate so the maze stays centered and scaled. Use sub-stepping for ball movement and collision resolution to prevent tunneling at higher speeds. The rotating hexagons must be drawn as outlines, rotate about the center, and respect gaps for ball passage. The red glider should move along the outer hexagon perimeter and be visually synced to its rotation. Ensure balls cannot cross hexagon walls (except through gaps). Ensure animation runs smoothly and is visibly faster due to the increased base speeds and the slider default.

 Output the full complete HTML code (single file) that implements all of the above.

 23.

 Generate a 5x5 matrix filled with random numbers.Number must be between 1 to 10.Traverse the matrix in a spiral order, starting from the top-down corner and moving anti clockwise inward.Return the numbers from the matrix in a single line as output, representing the spiral traversal.without any coding.

 24.
 Can you create visual explanation  in format of html + svg for following Description:
 Take help of internet for latest information.As well apply Animation for batter understanding visual explanations
 <description>
 How LAN database Work
 </description>

 25.
 Generate an animated SVG of a giraffe driving a tiny car
 Generate an animated SVG of a frog on a vintage penny-farthing bicycle
 Generate an animated SVG of pelican riding a bi-cycle on beach

 With following factors keep in your mind
 - you need to respect physics
 - you need to cross-check it with ground reality in mind as near as possible.
 - you need to align various parts or component with each other so it look real.
 - you are going to execute entire plan with help of spawn multiple sub-agent .so you need to divide it in task,subtask,priority and generate dependency graph so you know about sequence of execution.


diff --git a/vibe-coding-prompt_vision_v2.txt b/vibe-coding-prompt_vision_v2.txt
 an otter on an airplane using wifi, on their laptop screen is image generation software creating an image of an otter on a plane using wifi

 -----------------

 Generated with Imagen 4 Fast
 ```
 { "scene": "minimalist white studio", "subjects": [ { "type": "smartwatch", "description": "silver frame with red strap", "position": "center", "pose": "lying flat" } ], "style": "photorealistic", "lighting": "diffused light from above", "mood": "clean and sleek", "background": "white gradient", "composition": "centered product with top view", "resolution": "4K" }
 ```

 -----------------------


 Prompt : 
 {
  "shot": {
    "composition": "medium shot, reporter on the left and baby on the right, both clearly framed at eye level",
    "camera_motion": "static tripod shot, no zoom or pan",
    "frame_rate": "30fps",
    "film_grain": "soft hospital clarity, minimal grain"
  },
  "subject": {
    "description": "male news reporter in a neat blue blazer holding a microphone labeled 'xyz' interviewing a newborn baby who is sitting upright on a hospital bed, wrapped in a white blanket",
    "wardrobe": "reporter in blue blazer, white shirt, dark trousers"
  },
  "scene": {
    "location": "hospital room with a bed, IV stand, and pale blue curtains",
    "time_of_day": "daytime with fluorescent overhead lighting",
    "environment": "sterile hospital look with subtle comedic undertone"
  },
  "visual_details": {
    "action": "reporter leans slightly toward the sitting baby with a smile while holding the microphone, the baby shifts upright, glances at the reporter, then looks straight into the camera before delivering the line in a baby-like voice",
    "props": "microphone with 'xyz' branding, baby sitting upright wrapped in soft white blanket, hospital bed with light green sheets"
  },
  "cinematography": {
    "lighting": "flat fluorescent hospital lighting, evenly lit",
    "tone": "comedic and satirical, staged like a serious news interview but with absurd content"
  },
  "audio": {
    "ambient": "soft hospital background hum, faint beeping from a monitor",
    "sfx": "slight mic handling noise when reporter shifts"
  },
  "color_palette": "clean whites, muted blues, soft green accents",
  "dialogue": [
    {
      "character": "Reporter",
      "line": "Welcome to the world. You're the smallest one in your family. What would you like to say?",
      "subtitles": false
    },
    {
      "character": "Baby",
      "line": "Send me back. I heard my parents are poor.",
      "voice_style": "natural baby voice with exaggerated clarity",
      "subtitles": false
    }
  ]
 }
diff --git a/vibe-coding-step-by-step.md b/vibe-coding-step-by-step.md
	# Verified model with tool support
	model = "z-ai/glm-4.7-flash" # or check exact name on OpenRouter
	model_provider = "openrouter"

	# Codex-optimized settings
	approval_policy = "never"
	sandbox_mode = "workspace-write"
	network_access = true
	model_reasoning_effort = "medium" # Consider medium for better code quality

	# OpenRouter provider configuration
	[model_providers.openrouter]
	name = "OpenRouter"
	base_url = "https://openrouter.ai/api/v1"
	env_key = "OPENROUTER_API_KEY" ## This is environment Variables Not Value
	wire_api = "responses"

	[mcp_servers.groq-compound]
	startup_timeout_sec = 120
	command = "npx"
	args = ["groq-compound-mcp-server"]
	env = { GROQ_API_KEY = "<KEY>" }
	type = "stdio"

	[features]
	unified_exec = true
	steer = true
	Slide Creation

	Create a modern, visually appealing slide presentation on the topic: “The state of artificial intelligence in 2025.”
	The presentation should consist of 6–8 slides and have the following structure:
	Title slide: Title, subtitle, date, name of the presenter (if applicable)
	Introduction: What has changed since 2023/2024? Why is 2025 a crucial year?
	Technological advances: multimodal models, AGI-related developments, new benchmarks (e.g., GPT-5, Gemini 2.5, Claude 3.5, xAI)
	Ecosystem & investments: Important company developments (e.g., OpenAI, Google DeepMind, Meta, Anthropic), capital flows, mergers
	Politics & regulation: EU AI Act, US defense projects, open source debate
	Social impact: Job changes, education, trust, criticism
	Outlook: What trends are emerging? What can we expect in 2026?
	Concluding slide: Key takeaways or quote
	Please use a clear visual structure with concise statements, bullet points, icons, or graphics (if available).
Problem	Fix
Skills not recognized	Verify symlink with `ls -la ~/.agents/skills/superpowers`, then restart Codex
Subagents failing	Ensure `multi_agent = true` is in `~/.codex/config.toml`
Windows `mklink` fails	Run PowerShell as Administrator
Skill	Use when
`brainstorming`	You need ideas before choosing an approach
`writing-plans`	You want a step-by-step implementation plan
`executing-plans`	You want to follow an approved plan
`test-driven-development`	You want to write tests before code
`systematic-debugging`	You need to isolate and fix a bug
`requesting-code-review`	You are preparing a change for review
`receiving-code-review`	You are responding to review feedback
`verification-before-completion`	You want to verify work before finishing
`finishing-a-development-branch`	You are wrapping up and cleaning the branch
`using-git-worktrees`	You want isolated branches for parallel work
`dispatching-parallel-agents`	You want multiple subagents working at once
`subagent-driven-development`	You want a subagent-led implementation workflow
`writing-skills`	You want to create your own skill
Skill references	Codex equivalent
`Task` (dispatch subagent)	`spawn_agent`
Task returns result	`wait`
Task completes	`close_agent`
`TodoWrite` (task tracking)	`update_plan`
`Skill` tool	Skills load natively — just follow the instructions
`Read`, `Write`, `Edit`	Native Codex file tools
`Bash`	Native Codex shell tools
Prompt reference	Superpowers skill	Use when
"I need ideas for this feature"	`brainstorming`	You want to explore approaches before deciding what to build
"Plan the implementation"	`writing-plans`	You need a structured step-by-step plan
"Execute this plan"	`executing-plans`	You already have a plan and want to carry it out
"Add tests first"	`test-driven-development`	You want to build behavior through TDD
"This bug needs debugging"	`systematic-debugging`	You need a methodical debugging workflow
"Prepare this for review"	`requesting-code-review`	You are about to open a PR and want review prep
"Address review feedback"	`receiving-code-review`	You are responding to review comments
"Check before completion"	`verification-before-completion`	You want a final correctness check before finishing
"Wrap up the branch"	`finishing-a-development-branch`	You are done and need to cleanly close out the work
"Use git worktrees"	`using-git-worktrees`	You want isolated parallel workspaces
"Run these tasks in parallel"	`dispatching-parallel-agents`	You want multiple subagents working at once
"Use a subagent to implement this"	`subagent-driven-development`	You want a subagent-led implementation workflow
"Create a custom skill"	`writing-skills`	You want to author your own skill
"Make sure Codex picks the right skill"	`using-superpowers`	You want the meta-skill to enforce skill selection discipline
	1. write a script for a bouncing yellow ball within a Rhombicosidodecahedron, make sure to handle collision detection properly. make the Rhombicosidodecahedron slowly rotate. make sure ball stays within the Rhombicosidodecahedron. implement it in p5.js and wrap it under html, so I can paste it to online html viewer
	2. write a script for 100 bouncing bright yellow balls within a sphere, make sure to handle collision detection properly. make the sphere slowly rotate. make sure balls stays within the sphere. implement it in p5.js and wrap it under html, so I can paste it to online html viewer
	3. write a html,css,jquery,p5.js program that shows a ball bouncing inside a spinning hexagon. The ball should be affected by gravity and friction, and it must bounce off the rotating walls realistically and wrap it under html so i can paste it.
	4. use threejs make a fantastic 3d scene use your imagination more magic go all out and wrap it under html, so I can paste it to online html viewer
	5. Create a single HTML file that uses Three.js to visualize a Rubik's Cube with realistic lighting and interactive controls. The cube should be built from 27 cubies with standard Rubik's Cube coloring. Include buttons for standard moves (U, U′, D, D′, L, L′, R, R′, F, F′, B, B′) that animate a 90° rotation on the appropriate face. Also, implement a scramble function that performs a series of random moves (recording each move), and an automatic unscrambler that, every 500 ms, applies the inverse of the recorded moves until the cube is solved. The solved state should be determined by comparing each cubie's current world position and rotation with its originally stored "solved" state (using a small tolerance) etc
	6. Create a JavaScript animation of falling letters with realistic physics. The letters should: * Latters Should ‘Gajraj , Gajanan ,Gandev’ * Appear randomly at the top of the screen with varying sizes * Fall under Earth's gravity (9.8 m/s²) * Have collision detection based on their actual letter shapes * Interact with other letters, ground, and screen boundaries * Have density properties similar to water * Dynamically adapt to screen size changes * Display on a dark background and wrap it under html, so i can paste it to online html viewer
	7. Build a p5js endless runner game with pixelated dinosaurs and interesting backgrounds.
	8. Generate an HTML file that displays a colorful particle simulation of a reflection nebula.
	9. Make a p5js simulation of 30 colorful boids swarming within a rotating hexagon.
	10. Use p5js to explore a Mandelbrot set.
	11. Develop a p5js demo of an interactive blend of fish and nebulae that visualizes what the fish are “thinking.”
	12. In pure three.js, without downloading any assets or textures, create a flight simulator game where I can fly an airplane. Make sure it runs in the browser. (Corresponds to Flight Simulator Prompt description)
	13. Write a p5.js script that simulates 25 particles in a vacuum space of a cylindrical container, bouncing within its boundaries. Use different colors for each ball and ensure they leave a trail showing their movement. Add a slow rotation of the container to give better view of what's going on in the scene. Make sure to create proper collision detection and physic rules to ensure particles remain in the container. Add an external spherical container. Add a slow zoom in and zoom out effect to the whole scene. (Corresponds to Particles in Cylinder description)
	14. Generate an advanced p5.js simulation depicting multiple, mutually interacting balls subject to configurable gravity, air resistance, and inter-object friction, bouncing dynamically with accurate conservation of momentum within a continuously rotating regular hexagon whose vertices may subtly oscillate, ensuring physically precise collision detection and elastic/inelastic response against the moving, potentially deforming walls, and include interactive sliders controlling gravity strength, air resistance factor, hexagon angular velocity, vertex oscillation amplitude/frequency, ball elasticity (coefficient of restitution), and the initial number of balls. Single script. (Corresponds to Bouncing Balls Hexagon description)
	15. Create an interactive simulation that shows water molecules forming and breaking hydrogen bonds. The visualization should depict molecular motion, with oxygen in white and hydrogen in red. A temperature slider should control movement speed and bond stability. Use HTML, CSS, and JavaScript in a single file for real-time interaction. (Corresponds to Water Molecule description)
	16. Design a kaleidoscope using p5js that generates symmetrical patterns based on mouse movements.wrap it under html ,so I can paste it to online html viewer.
	17. Create a rubik cube in p5.js ,I can play with it,you need to apply generator AND solver mode for this rubik cube,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #4 in your final list)
	18. Code a TV that lets me change channels with number keys (0-9). Come up with an idea for a channel for all numbers, inspired by classic genres of TV channels. Show detailed interesting animations for content and a creative name of channel on screen. Return a 800x800 P5.js sketch (no HTML) on black background. Make sure the content of all the channels stays masked to the TV set screen area,make sure wrap it in html one file,so i can paste it to online html viewer (Corresponds to prompt #5 in your final list)
	19. make a app called chatgpt ad maker that takes in a video and does a halftone effect with sliders to adjust dot size and wrap it under html, so I can paste it to online html viewer
	20. Build a Healthcare CRM to streamline patient communication, appointment scheduling, record management, and billing processes…,make sure wrap it in html one file,so i can paste it to online html viewer

	21.
	Write a complete HTML/JavaScript program using Three.js that renders a fully interactive Rubik's Cube simulation of any size up to 20x20x20. The user should be able to specify the cube size dynamically (e.g., via an input or a variable), and the cube should be constructed accordingly with proper color-coded faces (standard Rubik's Cube colors: white, yellow, red, orange, blue, green). Include camera controls for rotating the view, and allow for basic user interaction such as rotating layers of the cube via mouse or UI buttons.

	Additionally, implement a "Solve" button that, when clicked, animates the cube being solved step-by-step visually. You can use a simplified solving algorithm (you do not need to match real Rubik's solving logic) - the goal is just to animate the cube returning to its original solved state, one move at a time, with clear transitions.

	Requirements:

	Use Three.js for all 3D rendering.

	Cube size should be adjustable up to 20x20x20.

	Solver animation should be smooth and readable.

	Keep performance in mind for larger cubes (e.g., 20x20).

	22.

	Write code for - Generate self-contained HTML code (with embedded CSS and JavaScript) for an interactive web animation using pure HTML5 Canvas and JavaScript (no external libraries). The animation features a dynamic, large, white hexagonal maze on a solid black background, running continuously and smoothly. The canvas must resize to fill the entire browser window, with all elements scaling accordingly.

	Important additional requirements: Each hexagon should apply circular rotation individually (i.e., each hexagon spins about its own center) and the animation must include a visible slider UI to control a global speed multiplier that scales the rotation speeds (and the outer gliding red line). Make the base rotation speeds noticeably faster than the original example so the rotation is visibly faster.

	Maze Details:

	Multiple (5) concentric white hexagonal outlines (layers), each rotating independently at increased random speeds and directions (use a faster base such as (Math.random() - 0.5) * 0.06 for each layer's angular velocity, and then multiply by the slider-controlled global speed multiplier). Each hexagon's rotation should be a true spin around the canvas center (circular rotation about its center). Random large gaps (1-2 per hexagon, excluding the outermost) in walls for ball passage. No internal connecting lines within any hexagonal layer (none of the concentric layers should have internal spokes or connecting lines).

	Moving Elements:

	Five small, brightly colored bouncing balls (red, green, blue, yellow, pink) moving independently with realistic physics: they bounce off maze walls (concentric outlines only, respecting all lines without crossing—use substeps and accurate collision detection for reliability). Balls should start near the center and maintain their assigned colors. A prominent red line glides clockwise along the outermost hexagon's perimeter (non-interacting with balls/maze); its path follows the outermost layer's rotation and is scaled by the same global speed multiplier.

	Controls & UX:

	Include a visible HTML range slider labeled "Rotation Speed" that controls a global speed multiplier (for example range 0.0 to 4.0, default 2.0) which scales the angular velocities of each hexagon and the outer glider. Show the slider value numerically next to the control. Place and style the slider so it remains visible and usable on all window sizes (e.g., top-left, semi-transparent background).

	Implementation Details:

	Implement drawing, rotation transforms, physics, collision detection, and animation loop using only the Canvas API and vanilla JavaScript. Ensure smooth resizing—when the window is resized the canvas and all geometry recalculate so the maze stays centered and scaled. Use sub-stepping for ball movement and collision resolution to prevent tunneling at higher speeds. The rotating hexagons must be drawn as outlines, rotate about the center, and respect gaps for ball passage. The red glider should move along the outer hexagon perimeter and be visually synced to its rotation. Ensure balls cannot cross hexagon walls (except through gaps). Ensure animation runs smoothly and is visibly faster due to the increased base speeds and the slider default.

	Output the full complete HTML code (single file) that implements all of the above.

	23.

	Generate a 5x5 matrix filled with random numbers.Number must be between 1 to 10.Traverse the matrix in a spiral order, starting from the top-down corner and moving anti clockwise inward.Return the numbers from the matrix in a single line as output, representing the spiral traversal.without any coding.

	24.
	Can you create visual explanation in format of html + svg for following Description:
	Take help of internet for latest information.As well apply Animation for batter understanding visual explanations
	<description>
	How LAN database Work
	</description>

	25.
	Generate an animated SVG of a giraffe driving a tiny car
	Generate an animated SVG of a frog on a vintage penny-farthing bicycle
	Generate an animated SVG of pelican riding a bi-cycle on beach

	With following factors keep in your mind
	- you need to respect physics
	- you need to cross-check it with ground reality in mind as near as possible.
	- you need to align various parts or component with each other so it look real.
	- you are going to execute entire plan with help of spawn multiple sub-agent .so you need to divide it in task,subtask,priority and generate dependency graph so you know about sequence of execution.
	an otter on an airplane using wifi, on their laptop screen is image generation software creating an image of an otter on a plane using wifi

	-----------------

	Generated with Imagen 4 Fast
	```
	{ "scene": "minimalist white studio", "subjects": [ { "type": "smartwatch", "description": "silver frame with red strap", "position": "center", "pose": "lying flat" } ], "style": "photorealistic", "lighting": "diffused light from above", "mood": "clean and sleek", "background": "white gradient", "composition": "centered product with top view", "resolution": "4K" }
	```

	-----------------------


	Prompt :
	{
	"shot": {
	"composition": "medium shot, reporter on the left and baby on the right, both clearly framed at eye level",
	"camera_motion": "static tripod shot, no zoom or pan",
	"frame_rate": "30fps",
	"film_grain": "soft hospital clarity, minimal grain"
	},
	"subject": {
	"description": "male news reporter in a neat blue blazer holding a microphone labeled 'xyz' interviewing a newborn baby who is sitting upright on a hospital bed, wrapped in a white blanket",
	"wardrobe": "reporter in blue blazer, white shirt, dark trousers"
	},
	"scene": {
	"location": "hospital room with a bed, IV stand, and pale blue curtains",
	"time_of_day": "daytime with fluorescent overhead lighting",
	"environment": "sterile hospital look with subtle comedic undertone"
	},
	"visual_details": {
	"action": "reporter leans slightly toward the sitting baby with a smile while holding the microphone, the baby shifts upright, glances at the reporter, then looks straight into the camera before delivering the line in a baby-like voice",
	"props": "microphone with 'xyz' branding, baby sitting upright wrapped in soft white blanket, hospital bed with light green sheets"
	},
	"cinematography": {
	"lighting": "flat fluorescent hospital lighting, evenly lit",
	"tone": "comedic and satirical, staged like a serious news interview but with absurd content"
	},
	"audio": {
	"ambient": "soft hospital background hum, faint beeping from a monitor",
	"sfx": "slight mic handling noise when reporter shifts"
	},
	"color_palette": "clean whites, muted blues, soft green accents",
	"dialogue": [
	{
	"character": "Reporter",
	"line": "Welcome to the world. You're the smallest one in your family. What would you like to say?",
	"subtitles": false
	},
	{
	"character": "Baby",
	"line": "Send me back. I heard my parents are poor.",
	"voice_style": "natural baby voice with exaggerated clarity",
	"subtitles": false
	}
	]
	}