v1.3.0 — The Canonical Iconless Button Standard (Studio-Verified)

What's New in v1.3.0

🔘 The Canonical Iconless Button Standard (Studio-Verified)

This release introduces the definitive, mandatory blueprint for any button requested without an icon in Roblox Studio (such as Throw, Action, Jump, Redeem, Confirm, OK, etc.), directly verified and extracted from the live Studio benchmark.

📐 Exact Layer Hierarchy & Architecture

1. Sharp 90° Comic Rectangular Geometry: No UICorner (or 0 radius). Punchy straight-edged silhouette.
2. Thick Solid Outer Border: 3px solid #0C141A (RGB 12, 20, 26) border stroke with ApplyStrokeMode.Border.
3. 90° Linear Color Gradient: Saturated top highlight transitioning smoothly to a deeper bottom shade (e.g. Yellow-to-Orange #FFE808 to #FF6800, Lime Green, Electric Cyan, Hot Pink, Royal Purple).
4. Subtle Black Checkerboard Overlay: ImageLabel with ImageColor3 = #000000, TileSize 19 x 19 px, and a vertical UIGradient transparency fade from 0.91 (top) to 0.62 (bottom).
5. Triple-Layered Specular Glass Highlight: Three nested frames creating a soft, anti-aliased Fresnel reflection glow along the perimeter:
   • InnerHighlight1 (Inset 2px): 1px white stroke at 25% transparency (75% opacity).
   • InnerHighlight2 (Inset 4px): 1px white stroke at 45% transparency (55% opacity).
   • InnerHighlight3 (Inset 6px): 1px white stroke at 80% transparency (20% opacity).
6. GothamBlack Typography with Optical Lift: White #FFFFFF centered text with 3px solid #11171A contextual outline, shifted 1px upward (Position = UDim2.new(0.5, 0, 0.5, -1)) for perfect optical vertical weight balance.
7. Center-Anchored Tween Engine: AnchorPoint = Vector2.new(0.5, 0.5) with child UIScale (ButtonScale) driven by 4 tactile micro-interaction tweens:
   • Hover In: Scale to 1.06 in 0.08s (Quad.Out) + Hover Sound
   • Hover Out: Scale to 1.00 in 0.08s (Quad.Out)
   • Mouse Down: Scale to 0.94 in 0.05s (Quad.Out) + Click Sound
   • Mouse Up: Scale to 1.06 in 0.12s (Back.Out)

📜 The Non-Negotiable Rule (Tenet 11)

Whenever an agent or developer is asked to create a button without an icon, they MUST ALWAYS follow this exact design and layer hierarchy.

📦 Code & Examples Added

• CheckUIComponents.createStandardButton: Production constructor function implementing the complete blueprint.
• CheckUITheme.ButtonGradients: Palette presets (YellowOrange, LimeGreen, ElectricCyan, HotPink, RoyalPurple, CrimsonRed, MetallicSilver).
• examples/StandardButtonExample.luau: Standalone showcase script with device-responsive scaling and sound bindings.
• assets/standard_button_studio.png: Direct screenshot from edit-time Studio session.

v1.2.0 — The 5 Canonical Menus: Rebirth, Daily Rewards, Rainbow Cards & State Triad

What's New in v1.2.0

👑 The 5 Canonical Simulator Menus Specification

Check-UI now provides complete mathematical specifications, token formulas, and standalone Luau scripts for all 5 core simulator interfaces:

1. Shop Menu (600 x 415): Magenta/Crimson header, ~Gamepass~ & ~Products~ sections, Purple & Cyan cards with rotating sunbursts, 3-card product row (1k, 10k, 100k), Robux hexagon buy buttons.
2. Codes Menu (528 x 262): Electric Cyan header, instructions subtitle, recessed dark code input box with highlight border, 3D lime 'Redeem' button.
3. Rebirth Menu (528 x 430): Royal Purple header, Golden 'Skip' header action button (left of close button), Tier Comparison Flow (Rebirth 1 X1 Money ➡ Rebirth 2 X1.3 Money), Requirements container, and Orange-to-Gold Progression Bar (58% Completed).
4. Settings Menu (528 x 415): Metallic Silver header, recessed setting row containers, Lime green 'SFX On' toggle, Hot pink 'Music On' toggle.
5. Daily Rewards Menu (640 x 440): Lime Neon Green header, 3x2 Grid for Days 1-6 (Cyan, Purple, Amber gradients), Full-Height Day 7 Featured Card with Diagonal Rainbow/Spectrum Gradient and rotating sunburst.

🔘 The Button State Triad

Standardized physical 3D button states with dedicated bevel and highlight tokens:

• CLAIM / BUY / REDEEM: Lime Green (#B4FF19 -> #69E100), dark green bevel #0F780F, pastel lime highlight.
• CLAIMED / DISABLED: Metallic Silver/Grey (#D8DEE4 -> #94A0B0), dark slate bevel #485260.
• LOCKED: Crimson Red (#FF2050 -> #D00020), dark burgundy bevel #700010.
• SKIP: Golden Amber (#FFD000 -> #FF8C00), dark orange bevel #994C00.
• MUSIC ON: Hot Pink / Magenta (#FF1480 -> #D40055), dark magenta bevel #780A2D.

🌈 Rainbow / Spectrum Day 7 Sequence

A 7-stop iridescent neon color sequence (Crimson -> Orange -> Yellow -> Green -> Cyan -> Blue -> Magenta) rotated at 45° with rotating sunburst and golden yellow 'DAY 7' header.

📦 New Components & Examples

• CheckUIComponents.createHeaderButton: For secondary actions inside headers like the 'Skip' button.
• CheckUIComponents.createProgressBar: Orange-to-Gold progress bar with recessed trough.
• CheckUIComponents.createComparisonFlow: Rebirth tier transition cards with 3D arrow.
• CheckUIComponents.createRewardCard: Daily reward card builder with dynamic state buttons.
• examples/RebirthMenuExample.luau: Standalone complete Rebirth UI.
• examples/DailyRewardsMenuExample.luau: Standalone complete Daily Rewards UI.

v1.1.0 — 1022 HD Icons + Center-Anchored Animations

What's New in v1.1.0

🎨 CheckUIIcons Registry (1,022 HD Icons)

• 1,022 production-ready 256px HD icons pre-uploaded to Roblox as rbxassetids
• 10 categories: Animal (12), Currency (110), Exclusive (32), Food (48), Item (326), Main (236), Nature (86), Player (74), Social (24), UI (74)
• 130 subcategories with consistent naming: Standard, Outline, Golden, Golden Outline
• Luau module with direct table access, path-based Get(), and fuzzy Search()
• Ready to require() from ReplicatedStorage.CheckUI.CheckUIIcons

🎯 Center-Anchored Animation Rules

• New mandatory rule: ALL interactive elements must use AnchorPoint = Vector2.new(0.5, 0.5)
• All hover/click animations scale from exact geometric center via UIScale
• Mathematical explanation of why center-anchored produces professional results
• Assertion-based validation pattern for development

📄 Updated Documentation

• SKILL.md: New Sections 5 (Center-Anchored Animations) and 7 (Icon Registry)
• DESIGN_SYSTEM.md: New Sections 9 (Center-Anchored Architecture) and 10 (Icon Registry)
• README.md: Icon count badge, CheckUIIcons in tree, Icon Registry section
• Implementation Checklist for compliance verification

Check-UI CLEAN ROBLOX SKILL — v1.0.0

Check-UI CLEAN ROBLOX SKILL — v1.0.0

🎉 Premier release officiel du Design System & Skill Check-UI pour Roblox Studio.

Check-UI est le standard absolu pour créer des interfaces cartoon, simulateurs et tycoons propres, modernes, non-génériques et 100% responsives sur Roblox.

---

📦 Contenu du Pack & Téléchargement

Téléchargez l'archive complète ci-dessous (Check-UI-CLEAN-ROBLOX-SKILL-v1.0.0.zip) ou clonez le dépôt :

• SKILL.md : Skill AI prêt à l'emploi pour Antigravity, Claude, ChatGPT, Cursor, Copilot.
• DESIGN_SYSTEM.md : Manuel complet de spécifications mathématiques, palette et typographie.
• README.md : Guide illustré de démarrage rapide.
• src/ : Modules Luau de production (CheckUITheme.luau, CheckUIComponents.luau, CheckUIController.luau).
• examples/ : Menus complets prêts à importer (ShopMenuExample.luau, HarmonizedMenusExample.luau).
• assets/ : Renders et panoramas comparatifs haute résolution.

---

✨ Piliers Majeurs du Design System

1. Typographie Stricte GothamBlack :
   • Titres à 38px (stroke noir 3.2px), labels de boutons à 26px (stroke 2.8px), textes de contenu à 18-22px (stroke 2.2px).
2. Bouton de Fermeture [X] 3D Biseauté :
   • Base bordeaux sombre (#730010) de 38x38px créant l'extrusion 3D inférieure.
   • Face supérieure avec dégradé vibrant rouge/rose (#ff7daf à #ff1428) et trait de séparation SepLine.
   • Liseré intérieur pastel (#ffd2eb, 1.2px) et micro-interactions centrées (UIScale).
3. Ombre Portée 2-Tier sous les Headers :
   • Ligne supérieure d'accent sombre thématique (3px) + ligne inférieure noire pure (3px).
4. Fond Ardoise Opaque (#3B5866) :
   • Fini les fonds semi-transparents ternes. Fond solide avec coins de 4px (UICorner) et contour noir profond de 3.5px (UIStroke).
5. Damiers en Dégradé Continu :
   • Texture pleine hauteur avec dégradé vertical (1 -> 0.82 -> 0.35 -> 0.10) sans aucune coupure horizontale.
6. Moteur Responsive Universel (UIScale) :
   • Calcul dynamique basé sur camera.ViewportSize (baseline 1050 x 620, borné entre 0.52 sur mobile et 1.18 sur desktop/4K).
7. Animation Sunburst Continue :
   • Rotation douce à 20°/s en RenderStepped, mise en pause automatique quand le menu est masqué.