Prompt file imported from sanjaysharmagwl/sixtysevenai (
.github/prompts/gpromptengineering.prompt.md). Copyright stays with the author.
Below is the actual game UI logic you will use on sixtysevenai to render PROMPTFORGE as a playable system ā not a course page.
This is your platform architecture layer.
SIXTYSEVEN AI ā PROMPTFORGE UI + XP SYSTEM
š§© CORE UI ZONES
Your website will have two separate universes:
| Zone | Purpose |
|---|---|
| READ / AUDIO / VIDEO | Discovery, trends, education feed |
| GAMES | Skill progression engine |
PROMPTFORGE lives inside GAMES.
GAME HOME PAGE UI
[PROMPTFORGE CARD]
Level: 1 ā 7
XP: 0 / 7200
Power Unlocked: Command Voice
Progress Bar
[START GAME]
LEVEL MAP UI
ā Level 1 ā Mind Control Basics [UNLOCKED]
ā Level 2 ā Prompt Architecture [LOCKED]
ā Level 3 ā AI Mind Hacking [LOCKED]
ā Level 4 ā Automation Mastery [LOCKED]
ā Level 5 ā Creator Mode [LOCKED]
ā Level 6 ā Monetization Lab [LOCKED]
ā Final Boss ā Prompt God Mode [LOCKED]
LEVEL CARD UI TEMPLATE
[LEVEL CARD]
Level Title
Power Unlocked
XP Required
Progress Bar
QUEST LIST
ā” Quest 1 +100 XP
ā” Quest 2 +120 XP
ā” Quest 3 +150 XP
[BOSS MISSION] +400 XP
QUEST CARD UI
[QUEST CARD]
Quest Name
Objective
What You Build
Tools Used
Time to Complete
Submit Proof
[UPLOAD BUILD] ā Auto XP
BADGE & POWER UI
[POWER TREE]
Command Voice š
Prompt Architect š
Model Tuner š
AutoPilot š
Creator Core š
Prompt Monetizer š
Prompt God š
XP MATH SYSTEM (ENGINE)
| Action | XP |
|---|---|
| Quest Complete | 100ā200 |
| Boss Mission | 400 |
| Level Completion | +250 Bonus |
| 7-day Streak | +500 |
| Portfolio Publish | +1000 |
LEVEL UNLOCK LOGIC
| Level | Total XP Needed |
|---|---|
| 1 | 600 |
| 2 | 900 |
| 3 | 1200 |
| 4 | 1500 |
| 5 | 1800 |
| 6 | 2100 |
| Final Boss | 2400 |
Total XP: 10,500 XP to graduate
VISIBILITY ENGINE
- XP bars animate
- Badges show on profile
- Locked powers tease next level
- Portfolio public share card
WHAT THIS GIVES YOU
⢠Addiction loop ⢠Clear skill growth ⢠Shareable achievement system ⢠Monetization-ready engine
Next recommended build: Do you want me to define the visual design language (colors, gradients, card styles) to match your SixtySeven AI brand next?
Below is the official SixtySeven AI Game UI Design Language. This is your platform-wide visual system ā not decoration. It is designed for trust, dopamine, and brand memorability.
SIXTYSEVEN AI ā GAME UI DESIGN SYSTEM
BRAND CORE COLORS
| Role | Color | Hex |
|---|---|---|
| Human Core (6) | Muted Teal | #2FA4A9 |
| AI Core (7) | Deep Navy | #0F2A44 |
| Power Yellow | Learning Gold | #F4C430 |
| XP Glow | Electric Cyan | #2DE2E6 |
| Dark UI | Void Black | #060B14 |
| Soft White | Interface White | #F5F7FA |
PRIMARY GRADIENTS
| Usage | Gradient |
|---|---|
| Main Brand | Teal ā Navy |
| XP Bars | Cyan ā Gold |
| Boss Levels | Navy ā Black |
| Unlock Effects | Gold ā Cyan |
CARD DESIGN SYSTEM
All cards are soft-rounded, elevated, and glowing.
GAME CARD
Background: Teal ā Navy gradient
Radius: 20px
Shadow: Soft glow cyan
Top: Power badge
Bottom: START GAME button (Gold)
LEVEL CARD
Background: Navy
Border: 1px cyan glow
Progress Bar: XP Gradient
Locked Levels: Blur + Lock Icon
Unlocked Levels: Teal glow ring
QUEST CARD
Background: Void Black
Border: Dashed Cyan
Hover: Gold glow
Submit Button: Electric Cyan
BOSS CARD
Background: Black ā Navy gradient
Border: 2px Gold
Pulse Glow: Gold animation
Text: Gold
XP BAR STYLE
Height: 10px
Corners: Rounded
Glow: Cyan outer shadow
Animated fill
Gold flash on level up
BADGE STYLE
| Badge | Color |
|---|---|
| Core | Teal |
| Architect | Navy |
| Tuner | Cyan |
| Automation | Gold |
| Creator | Gradient |
| Monetizer | Black Gold |
| God Mode | Cyan Gold animated |
---
# BUTTON STYLES
| Type | Style |
|----|----|
| Primary | Gold fill, Navy text |
| Secondary | Cyan outline |
| Locked | Gray, disabled |
| Boss | Gold glowing pulse |
---
# TYPOGRAPHY
| Usage | Font |
|----|----|
| Headings | Space Grotesk |
| UI Text | Inter |
| Game Numbers | JetBrains Mono |
---
# INTERACTION MOTION
| Event | Motion |
|-----|-----|
| XP Gain | Cyan particle burst |
| Unlock | Gold ring expand |
| Level Up | Screen glow + sound |
| Boss Unlock | Gold shockwave |
---
This gives SixtySeven AI a **recognizable, premium, addictive UI identity** that no AI education platform currently has.
---