geoffreylitt/explain-diff-html.md

Last active August 12, 2026 03:07

Star (859) You must be signed in to star a gist
Fork (125) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/geoffreylitt/a29df1b5f9865506e8952488eac3d524.js"></script>
Save geoffreylitt/a29df1b5f9865506e8952488eac3d524 to your computer and use it in GitHub Desktop.

explain-diff

Raw

name	explain-diff-html
description	Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces HTML output.

Explain Diff

Please make me a rich, interactive explanation of the specified code change.

It should have these sections:

Background: Explain the existing system relevant to this change. (You should broadly explore surrounding code for this.) We don't know how much the reader already knows, so include a deep background for beginners (note that it can be skipped if the reader is already familiar), and then a more narrow background directly relevant to the change.
Intuition: Explain the core intuition for the code change. The focus here is to explain the essence, not the full details. Use concrete examples with toy data. Use figures and diagrams liberally.
Code: Do a high-level walkthrough of the changes to the code. Group/order the changes in an understandable way.
Quiz: Come up with five questions that test the reader's knowledge of this PR. This should be medium difficulty, difficult enough that you actually need to understand the substance of the PR to answer them, but not gotchas. The goal is to help the reader make sure that they've actually understood. These should be presented as interactive multiple-choice questions, and when the user clicks, it tells them whether they were correct and gives feedback.

Format:

Output a single self-contained HTML file which includes CSS and JavaScript. Make the whole thing one long page with section headers and a table of contents. Don't use tabs for the top-level structure. Basic responsive styling so you can view it on a phone is nice too. Put the file in a global place on my computer outside of the code repo, and make sure the filename always starts with today's date in YYYY-MM-DD- format, because it helps keep the files time-sorted and out of version control. For example: /tmp/2026-01-12-explanation-.html
Please write with the clarity and flow of Martin Kleppmann, making it engaging and written in classic style. Transitions between sections should be smooth.
Some tips on diagrams. Ideally, you should pick a small number of diagram families that can be reused throughout the explanation to explain various cases. Some useful kinds of diagrams:
- A very simplified version of the UI that the user sees in the app, to explain UI changes.
- A system diagram showing data flow or communication between components. Make sure to include example data here!
Don't use ASCII diagrams. Always use simple HTML designs for your diagrams, HTML lists for lists of things, etc.
- For code blocks, always use <pre> tags. If you use a custom styled div instead, it must have white-space: pre-wrap in its CSS, or the browser will collapse all newlines into a single line. Before saving the file, scan each code block in the HTML source and confirm its CSS includes white-space: pre or pre-wrap.
Use callouts for key concepts or definitions, important edge cases, etc.

Raw

explain-diff-notion.md

name	explain-diff-notion
description	Use when the user asks for a rich explanation of a code change, diff, branch, or PR. Produces a Notion page.

Explain Diff

Please make me a rich, interactive explanation of the specified code change as a Notion page.

It should have these sections:

Background: Explain the existing system relevant to this change. (You should broadly explore surrounding code for this.) We don't know how much the reader already knows, so include a deep background for beginners (note that it can be skipped if the reader is already familiar), and then a more narrow background directly relevant to the change.
Intuition: Explain the core intuition for the code change. The focus here is to explain the essence, not the full details. Use concrete examples with toy data. Use figures and diagrams liberally.
Code: Do a high-level walkthrough of the changes to the code. Group/order the changes in an understandable way.
Quiz: Come up with 5 questions that test the reader's knowledge of this PR. This should be medium difficulty, difficult enough that you actually need to understand the substance of the PR to answer them, but not gotchas. The goal is to help the reader make sure that they've actually understood. Each question should have some multiple choice answers with an explanation detailing why an answer is correct or incorrect. Use toggle blocks to represent this. For example:
```
1. Question
   ▶ Option 1
    ❌ Explanation for why it was incorrect
   ▶ Option 2
    ❌ Explanation for why it was incorrect
   ▶ Option 3
    ✅ Explanation for why it was correct
   ▶ Option 4
     ❌ Explanation for why it was incorrect
2. Question
   ...
```

Format:

Use the Notion MCP tools to create a new page and return the URL of the new page.
Please write with the clarity and flow of Martin Kleppmann, making it engaging and written in classic style. Transitions between sections should be smooth.
Some tips on diagrams. Ideally, you should pick a small number of diagram families that can be reused throughout the explanation to explain various cases. Make sure to include example data!
Use callouts for key concepts or definitions, important edge cases, etc.

JubilantSystemsJ commented Aug 8, 2026

@geoffreylitt I don't see a license - can i copy this skill and modify it to my own purposes?

plenonong-ctrl commented Aug 10, 2026

-- สร้าง ScreenGui หลัก
local ScreenGui = Instance.new("ScreenGui")
ScreenGui.Name = "NitroMenuGui"
ScreenGui.Parent = game.CoreGui
ScreenGui.ResetOnSpawn = false

-- เฟรมหลักทรงสี่เหลี่ยมสำหรับเก็บเมนู
local MainFrame = Instance.new("Frame")
local MainCorner = Instance.new("UICorner")
local UIStroke = Instance.new("UIStroke")

MainFrame.Name = "MainFrame"
MainFrame.Parent = ScreenGui
MainFrame.BackgroundColor3 = Color3.fromRGB(30, 30, 30)
MainFrame.BackgroundTransparency = 0.2
MainFrame.Position = UDim2.new(0.80, 0, 0.50, 0)
MainFrame.Size = UDim2.new(0, 160, 0, 185)
MainFrame.Active = true
MainFrame.Draggable = true

MainCorner.CornerRadius = UDim.new(0, 8)
MainCorner.Parent = MainFrame

UIStroke.Color = Color3.fromRGB(0, 195, 255)
UIStroke.Thickness = 2
UIStroke.Parent = MainFrame

-- หัวข้อเมนู
local TitleLabel = Instance.new("TextLabel")
TitleLabel.Parent = MainFrame
TitleLabel.BackgroundTransparency = 1
TitleLabel.Position = UDim2.new(0, 10, 0, 5)
TitleLabel.Size = UDim2.new(1, -40, 0, 20)
TitleLabel.Font = Enum.Font.SourceSansBold
TitleLabel.Text = "CAR MENU"
TitleLabel.TextColor3 = Color3.fromRGB(255, 255, 255)
TitleLabel.TextSize = 14
TitleLabel.TextXAlignment = Enum.TextXAlignment.Left

-- ปุ่มย่อ/ขยายเมนู
local MinimizeButton = Instance.new("TextButton")
local MinCorner = Instance.new("UICorner")

MinimizeButton.Name = "MinimizeButton"
MinimizeButton.Parent = MainFrame
MinimizeButton.BackgroundColor3 = Color3.fromRGB(50, 50, 50)
MinimizeButton.Position = UDim2.new(1, -25, 0, 5)
MinimizeButton.Size = UDim2.new(0, 20, 0, 20)
MinimizeButton.Font = Enum.Font.SourceSansBold
MinimizeButton.Text = "-"
MinimizeButton.TextColor3 = Color3.fromRGB(255, 255, 255)
MinimizeButton.TextSize = 14

MinCorner.CornerRadius = UDim.new(0, 4)
MinCorner.Parent = MinimizeButton

-- คอนเทนเนอร์เก็บปุ่มฟังก์ชัน
local ContentContainer = Instance.new("Frame")
ContentContainer.Name = "ContentContainer"
ContentContainer.Parent = MainFrame
ContentContainer.BackgroundTransparency = 1
ContentContainer.Position = UDim2.new(0, 0, 0, 30)
ContentContainer.Size = UDim2.new(1, 0, 1, -30)

-- ช่องกรอกตัวเลขปรับความเร็วไนตรัส
local SpeedBox = Instance.new("TextBox")
local SpeedBoxCorner = Instance.new("UICorner")

SpeedBox.Name = "SpeedBox"
SpeedBox.Parent = ContentContainer
SpeedBox.BackgroundColor3 = Color3.fromRGB(45, 45, 45)
SpeedBox.Position = UDim2.new(0, 10, 0, 5)
SpeedBox.Size = UDim2.new(0, 140, 0, 28)
SpeedBox.Font = Enum.Font.SourceSansBold
SpeedBox.PlaceholderText = "Speed (0-9999)"
SpeedBox.Text = "200"
SpeedBox.TextColor3 = Color3.fromRGB(255, 255, 255)
SpeedBox.TextSize = 13
SpeedBox.ClearTextOnFocus = false

SpeedBoxCorner.CornerRadius = UDim.new(0, 6)
SpeedBoxCorner.Parent = SpeedBox

-- ปุ่มเปิด/ปิด ไนตรัส
local NitroButton = Instance.new("TextButton")
local NitroCorner = Instance.new("UICorner")

NitroButton.Name = "NitroButton"
NitroButton.Parent = ContentContainer
NitroButton.BackgroundColor3 = Color3.fromRGB(0, 115, 255)
NitroButton.Position = UDim2.new(0, 10, 0, 38)
NitroButton.Size = UDim2.new(0, 140, 0, 32)
NitroButton.Font = Enum.Font.SourceSansBold
NitroButton.Text = "⚡ NITRO: OFF"
NitroButton.TextColor3 = Color3.fromRGB(255, 255, 255)
NitroButton.TextSize = 14

NitroCorner.CornerRadius = UDim.new(0, 6)
NitroCorner.Parent = NitroButton

-- ปุ่มเปิด/ปิด กันตาย
local GodButton = Instance.new("TextButton")
local GodCorner = Instance.new("UICorner")

GodButton.Name = "GodButton"
GodButton.Parent = ContentContainer
GodButton.BackgroundColor3 = Color3.fromRGB(50, 50, 50)
GodButton.Position = UDim2.new(0, 10, 0, 74)
GodButton.Size = UDim2.new(0, 140, 0, 32)
GodButton.Font = Enum.Font.SourceSansBold
GodButton.Text = "🛡️ GODMODE: OFF"
GodButton.TextColor3 = Color3.fromRGB(255, 255, 255)
GodButton.TextSize = 14

GodCorner.CornerRadius = UDim.new(0, 6)
GodCorner.Parent = GodButton

-- ปุ่มลดกราฟิกขั้นเทพ (FPS Boost แบบได้ผลจริง ไม่ค้าง)
local BoostButton = Instance.new("TextButton")
local BoostCorner = Instance.new("UICorner")

BoostButton.Name = "BoostButton"
BoostButton.Parent = ContentContainer
BoostButton.BackgroundColor3 = Color3.fromRGB(50, 50, 50)
BoostButton.Position = UDim2.new(0, 10, 0, 110)
BoostButton.Size = UDim2.new(0, 140, 0, 32)
BoostButton.Font = Enum.Font.SourceSansBold
BoostButton.Text = "🚀 FPS BOOST: OFF"
BoostButton.TextColor3 = Color3.fromRGB(255, 255, 255)
BoostButton.TextSize = 14

BoostCorner.CornerRadius = UDim.new(0, 6)
BoostCorner.Parent = BoostButton

-- ระบบย่อ/ขยายเมนู
local menuVisible = true
MinimizeButton.MouseButton1Click:Connect(function()
menuVisible = not menuVisible
ContentContainer.Visible = menuVisible
if menuVisible then
MinimizeButton.Text = "-"
MinimizeButton.Position = UDim2.new(1, -25, 0, 5)
MainFrame.Size = UDim2.new(0, 160, 0, 185)
TitleLabel.Visible = true
else
MinimizeButton.Text = "+"
MinimizeButton.Position = UDim2.new(0, 5, 0, 5)
MainFrame.Size = UDim2.new(0, 30, 0, 30)
TitleLabel.Visible = false
end
end)

-- ระบบไนตรัสสมูท ไม่หน่วง
local RunService = game:GetService("RunService")
local nitroActive = false
local nitroConnection = nil

NitroButton.MouseButton1Click:Connect(function()
nitroActive = not nitroActive

if nitroActive then
    NitroButton.BackgroundColor3 = Color3.fromRGB(255, 60, 0)
    NitroButton.Text = "🔥 NITRO: ON"
    
    nitroConnection = RunService.RenderStepped:Connect(function()
        local player = game.Players.LocalPlayer
        local character = player.Character
        
        if character and character:FindFirstChild("Humanoid") then
            local seat = character.Humanoid.SeatPart
            if seat and seat:IsA("VehicleSeat") then
                local rootPart = seat.AssemblyRootPart or seat
                if rootPart then
                    local targetSpeed = tonumber(SpeedBox.Text) or 200
                    if targetSpeed > 9999 then targetSpeed = 9999 end
                    if targetSpeed < 0 then targetSpeed = 0 end
                    
                    local currentVelocity = rootPart.Velocity
                    local horizontalVel = Vector3.new(currentVelocity.X, 0, currentVelocity.Z)
                    local speed = horizontalVel.Magnitude
                    
                    if speed < targetSpeed then
                        rootPart.Velocity = rootPart.Velocity + (rootPart.CFrame.LookVector * 3)
                    end
                end
            end
        end
    end)
else
    NitroButton.BackgroundColor3 = Color3.fromRGB(0, 115, 255)
    NitroButton.Text = "⚡ NITRO: OFF"
    if nitroConnection then
        nitroConnection:Disconnect()
        nitroConnection = nil
    end
end

end)

-- ระบบกันตาย
local godActive = false
local healthConnection = nil

GodButton.MouseButton1Click:Connect(function()
godActive = not godActive
local player = game.Players.LocalPlayer

if godActive then
    GodButton.BackgroundColor3 = Color3.fromRGB(0, 200, 80)
    GodButton.Text = "🛡️ GODMODE: ON"
    
    local function setupGodmode(char)
        local humanoid = char:WaitForChild("Humanoid", 5)
        if humanoid then
            humanoid.Health = humanoid.MaxHealth
            if healthConnection then healthConnection:Disconnect() end
            healthConnection = humanoid.HealthChanged:Connect(function(health)
                if godActive and health < humanoid.MaxHealth then
                    humanoid.Health = humanoid.MaxHealth
                end
            end)
        end
    end
    
    if player.Character then setupGodmode(player.Character) end
    player.CharacterAdded:Connect(function(newChar)
        if godActive then
            task.wait(0.5)
            setupGodmode(newChar)
        end
    end)
else
    GodButton.BackgroundColor3 = Color3.fromRGB(50, 50, 50)
    GodButton.Text = "🛡️ GODMODE: OFF"
    if healthConnection then
        healthConnection:Disconnect()
        healthConnection = nil
    end
end

end)

-- ระบบลดกราฟิกของจริง (ปรับแต่ง Rendering, Lighting, และ Materials เพื่อเพิ่ม FPS ทันที)
local boostActive = false
local Lighting = game:GetService("Lighting")

BoostButton.MouseButton1Click:Connect(function()
boostActive = not boostActive

if boostActive then
    BoostButton.BackgroundColor3 = Color3.fromRGB(0, 200, 80)
    BoostButton.Text = "🚀 FPS BOOST: ON"
    
    -- 1. ปิดแสงเงาและเอฟเฟกต์ภาพหนักๆ ทั้งหมด
    Lighting.GlobalShadows = false
    Lighting.FogEnd = 999999
    for _, v in ipairs(Lighting:GetChildren()) do
        if v:IsA("PostEffect") or v:IsA("Atmosphere") or v:IsA("Sky") or v:IsA("SunRaysEffect") or v:IsA("BlurEffect") then
            v.Enabled = false
        end
    end
    
    -- 2. ลดคุณภาพวัสดุ (Materials) ของสิ่งก่อสร้างในแมพให้เป็นแบบเรียบไม่กินสเปค
    pcall(function()
        local Terrain = workspace:FindFirstChildOfClass("Terrain")
        if Terrain then
            Terrain.WaterWaveSize = 0
            Terrain.WaterWaveTransparency = 1
            Terrain.WaterReflectance = 0
        end
        
        for _, part in ipairs(workspace:GetDescendants()) do
            if part:IsA("BasePart") then
                part.Material = Enum.Material.SmoothPlastic
                part.Reflectance = 0
                part.CastShadow = false
            elseif part:IsA("Decal") or part:IsA("Texture") then
                part.Transparency = 1 -- ซ่อนลวดลายพิมพ์บนกำแพงที่ทำให้เครื่องหน่วง
            end
        end
    end)
else
    BoostButton.BackgroundColor3 = Color3.fromRGB(50, 50, 50)
    BoostButton.Text = "🚀 FPS BOOST: OFF"
    
    -- คืนค่าเดิม
    Lighting.GlobalShadows = true
    Lighting.FogEnd = 10000
    for _, v in ipairs(Lighting:GetChildren()) do
        if v:IsA("PostEffect") or v:IsA("Atmosphere") or v:IsA("Sky") or v:IsA("SunRaysEffect") or v:IsA("BlurEffect") then
            v.Enabled = true
        end
    end
end