TemporaryLooker22

Stud UI Clean Roblox — Design skill for Claude Code

Design community

Stud UI Clean Roblox: Agent Skill + tested Luau kit to build Roblox UI in the chunky 3D stud simulator style: buttons, windows, shops, HUD, slots, 1022 icons, motion.

How to install Stud UI Clean Roblox

This entry records only its repository, not the path inside it, so there is no exact command to give. Open TemporaryLooker22/Stud-UI-Clean-Roblox and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Stud UI Clean Roblox does

Stud UI Clean Roblox: Agent Skill + tested Luau kit to build Roblox UI in the chunky 3D stud simulator style: buttons, windows, shops, HUD, slots, 1022 icons, motion.

Alternatives in Design

Pack — Bundle every designlang output (DTCG tokens, Tailwind, shadcn, Figma vars, motion, anatomy, Storybook, prompts 3.6k ★
Claude Code ChatInWindows — A Native UI for Windows That Makes Claude Code Instantly Better 206 ★
Claude Of Tanks — A World of Tanks-style, Vite-powered, engine-free pure Three.js armored combat simulator resolving plate-level 169 ★

README

🧱 Stud UI Clean Roblox

The AI agent skill that builds Roblox UI like a top-chart simulator

Chunky 3D stud buttons · glass streaks · extruded Heavy text · dark glass windows · spinning sunbursts · rarity ladder · bouncy motion

[![Claude Skill](https://img.shields.io/badge/Claude-Agent%20Skill-D97757?style=for-the-badge)](SKILL.md) [![Roblox](https://img.shields.io/badge/Roblox-Studio-00A2FF?style=for-the-badge&logo=roblox&logoColor=white)](https://create.roblox.com) [![Luau](https://img.shields.io/badge/Luau-kit-2C2D72?style=for-the-badge&logo=lua&logoColor=white)](src/StudUI.luau) [![Icons](https://img.shields.io/badge/icons-1022-FFB61E?style=for-the-badge)](references/icon-catalog.md) [![License: MIT](https://img.shields.io/badge/License-MIT-43C22E?style=for-the-badge)](LICENSE)

[**Download the skill**](../../releases/latest) · [Quick start](#-quick-start) · [Gallery](#-gallery) · [Kit API](#-kit-api) · [🇫🇷 Français](#-en-français)

Original game UI on the left, the same window generated by the kit on the right

Left: the original shop from a shipped Roblox simulator. Right: the same window generated from scratch by this kit.

✨ What is this?

**Stud UI Clean Roblox** is a ready-to-use [Agent Skill](https://docs.claude.com/en/docs/agents-and-tools/agent-skills/overview): a folder an AI agent (Claude Code, Claude.ai, or any agent that can read files) loads to create Roblox interfaces in one precise, polished style. The style was **measured** on a real Roblox experience (17 ScreenGuis, ~7,700 UI instances, every color, stroke, gradient keypoint and tween timing) and then **rebuilt as a tested Luau component kit**.

Ask your agent *"make me a pet index with rarity tabs"* or *"add a daily rewards menu"* and it builds UI that looks like it shipped with the game, instead of a generic flat menu.

| The a