No Slop Roblox UI — AI skill for Claude Code

🛑 no-slop-roblox-ui

**"Tired of terrible AI Roblox UI? Recreate ANY UI screenshot 1:1 in Roblox Studio!"**

The definitive AI Skill & MCP tool for **Google Antigravity**, **Claude Desktop**, and **Cursor**. Eliminates generic AI UI slop by reverse-engineering any Roblox UI image into production-grade Luau code with cartoon depth, 3D bevels, studs backgrounds, and real-time ViewportFrames.

---

⚡ How It Works (The 1:1 Workflow)

1. You upload ANY UI screenshot (Shop, Codes, Rebirth, Daily Rewards, Pet Inventory, Brainrot Gamepass menu).
2. You ask: Make this in Roblox Studio!" ("Build this 1:1 in Roblox Studio!").
3. The AI activates this Skill and:
   • 🔍 Analyzes the exact layout, colors, gradients, and typography.
   • 🧱 Injects the Lego Studs Background and Checkerboard Damier overlays.
   • 🎯 Resolves all icons from verified rbxassetid:// registries or local 2,900+ icon packs.
   • 🦁 For 3D characters, pets, and brainrots (like cactus lion, titan mech), generates real-time ViewportFrame 3D renderers instead of flat stock photos.
   • 🟥 Builds signature 3D beveled buttons (4px shifted faces, extruded bevel bases, spring bounce animations).
   • 🌈 Adds Rainbow gradient stroke borders for exclusive pack tiers.
   • 📱 Hooks up the Multi-Device Responsive Scaling Engine (mobile, tablet, PC).

---

📦 How to Install This Skill

Option 1: In Google Antigravity

Clone or copy this repository into your Antigravity skills directory:

# One-line install command:
git clone https://github.com//roblox-simulator-ui-kit.git "$HOME\.gemini\config\skills\roblox-simulator-ui-kit"

*Or if you already have the repository locally:*

Copy-Item -Recurse "C:\Users\czira\.gemini\antigravity\scratch\roblox-simulator-ui-kit" "$HOME\.gemini\config\skills\roblox-simulator-ui-kit"

Once installed, Antigravity automatically detects the `SKILL.md` rules whenever you talk ab