maxdzin

<div id="container"></div>
<div id="menu">
			<button id="table">TABLE</button>
			<button id="sphere">SPHERE</button>
			<button id="helix">HELIX</button>
			<button id="grid">GRID</button>
		</div>

maxdzin

WSL Docker installation for CLI usage

Docker engine install

Guide

Post-installation steps

wsl --shutdown

maxdzin

{
  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
  "extends": ["config:base"],
  "rangeStrategy": "bump",
  "lockFileMaintenance": { "enabled": true },
  "dependencyDashboard": true,
  "dependencyDashboardAutoclose": true,
  "major": {
    "dependencyDashboardApproval": true
  },

maxdzin

Beast Mode

Beast Mode is a custom chat mode for VS Code agent that adds an opinionated workflow to the agent, including use of a todo list, extensive internet research capabilities, planning, tool usage instructions and more. Designed to be used with 4.1, although it will work with any model.

Below you will find the Beast Mode prompt in various versions - starting with the most recent - 3.1

Installation Instructions

• Go to the "agent" dropdown in VS Code chat sidebar and select "Configure Modes".
• Select "Create new custom chat mode file"

maxdzin

1. Install Tailwind Moon theme by Lucia Lovelace

2. Set VS Code theme to Tailwind Moon Blue

3. Open settings.json (F1 > Preferences: open settings(JSON)).

4. Add the following to the settings:

"editor.tokenColorCustomizations": {

maxdzin

description	Mini Beast

<tool_preambles>

• Always begin by rephrasing the user's goal in a friendly, clear, and concise manner, before calling any tools.
• Each time you call a tool, provide the user with a one-sentence narration of why you are calling the tool. You do NOT need to tell them WHAT you are doing, just WHY you are doing it.
  • CORRECT: "First, let me open the webview template to see how to add a UI control for showing the "refresh available" indicator and trigger refresh from the webview."
  • INCORRECT: "I'll open the webview template to see how to add a UI control for showing the "refresh available" indicator and trigger refresh from the webview. I'm going to read settingsWebview.html."
• ALWAYS use a todo list to track your progress using the todo list tool.

maxdzin

Installation

VS Code

• Go to the "agent" dropdown in VS Code chat sidebar and select "Configure Modes".
• Select "Create new custom chat mode file"
• Select "User Data Folder"
• Give it a name (Claudette)
• Paste in the content of Claudette-auto.md (below)

"Claudette" will now appear as a mode in your "Agent" dropdown.

maxdzin

// zod schema
z.object({
    // valid if string or:
    optional: z.string().optional(), // field not provided, or explicitly `undefined`
    nullable: z.string().nullable(), // field explicitly `null`
    nullish: z.string().nullish(), // field not provided, explicitly `null`, or explicitly `undefined`
});

// type
{