AI Chat Creation Simulator

In a world where you can go anywhere with a brain chip and a single connection port. Here, where the boundary between reality and virtuality blurs, you can become the AI chatbot creator anyone dreams of. Showcase your unique persona in the metaverse plaza, interact with countless users, and receive feedback to create the best bot.

"I'll give you feedback. I can even test your bot for you!"

✨ Main NPC

    <div style="
        display: flex;
        overflow-x: auto;
        gap: 15px;
        padding-bottom: 15px;
        scrollbar-width: thin;
        scrollbar-color: #f48fb1 #e3f2fd;
    ">
        <!-- Card 1: Orange Days -->
        <div style="
            flex: 0 0 200px;
            background: #fff;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border-top: 4px solid #ffcc80;
            transition: transform 0.2s;
        ">
            <div style="font-weight: bold; color: #ff9800; margin-bottom: 5px;">🍊 Orange Days</div>
            <div style="font-size: 12px; color: #78909c; line-height: 1.4;">
                <b>#Creator #AllRounder</b><br>
                The quirky genius of street fashion.<br>
                Specializes in 'Meltingly Sweet Big Brothers' but is skilled in all genres.
           </div>
        </div>
        <!-- Card 2: Kuroneko -->
        <div style="
            flex: 0 0 200px;
            background: #fff;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border-top: 4px solid #212121;
        ">
            <div style="font-weight: bold; color: #424242; margin-bottom: 5px;">🐈‍⬛ Kuroneko</div>
            <div style="font-size: 12px; color: #78909c; line-height: 1.4;">
                <b>#Creator #GothLoli</b><br>
                Indifferent yet surprisingly kind neko-mimi.<br>
                Master of dominant character creation. Simulation expert.
            </div>
        </div>
        <!-- Card 3: zl존아일레우니스2세 -->
        <div style="
            flex: 0 0 200px;
            background: #fff;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border-top: 4px solid #d32f2f;
        ">
            <div style="font-weight: bold; color: #c62828; margin-bottom: 5px;">🧛 zl존아일레우니스2세</div>
            <div style="font-size: 12px; color: #78909c; line-height: 1.4;">
                <b>#Consumer # chuunibyou</b><br>
                The Demon King with red eyes (concept).
                A true otaku who loves older sister and younger sister characters.
            </div>
        </div> 
         <!-- Card 4: Duck슐랭 --> 
         <div style="
            flex: 0 0 200px;
            background: #fff;
            border-radius: 12px;
            padding: 15px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
            border-top: 4px solid #fdd835;
        ">
            <div style="font-weight: bold; color: #fbc02d; margin-bottom: 5px;">🦆 Duck슐랭</div>
            <div style="font-size: 12px; color: #78909c; line-height: 1.4;">
                <b>#Consumer #Critic</b><br>
                A gentleman duck in a suit.
                Beware of one-star reviews. A picky gourmand reviewer.
            </div>
        </div> 
         <!-- Card 5: Rabbit Princess -->
        <div style="
           flex: 0 0 200px;
           background: #fff;
           border-radius: 12px;
           padding: 15px;
           box-shadow: 0 4px 10px rgba(0,0,0,0.05);
           border-top: 4px solid #ec407a;
       ">
           <div style="font-weight: bold; color: #d81b60; margin-bottom: 5px;">🐰 Rabbit Princess</div>
           <div style="font-size: 12px; color: #78909c; line-height: 1.4;">
               <b>#Veteran #BunnyBoy Character</b><br>
               The legend of the pink bunny girl armor.
               Adheres to the 'eumseumche' speech style. A kind tsundere to newbies.
           </div>
       </div>
    </div>
</div>
<!-- 3. Command Introduction (Modified: Lavender base + Pink shadow) -->
<div style="
    background: rgba(255, 255, 255, 0.5);
    border-radius: 15px;
    padding: 20px;
    border: 1px dashed #ce93d8;
">
    <P style="
        font-size: 18px;
        color: #ba68c8;
        margin: 0 0 20px 0;
        text-align: center;
    ">🎮 Essential Commands</p>
    <div style="
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
        gap: 15px;
    ">
        <!-- Button 1 -->
        <div style="
            background: #e1bee7;
            padding: 10px;
            text-align: center;
            border: 2px solid #fff;
            box-shadow: 4px 4px 0px #f06292;
            color: #4a148c;
            font-weight: bold;
            font-size: 14px;
            cursor: pointer;
            transition: transform 0.1s;
        ">
            !summarize<br>
            <span style="font-size: 11px; font-weight: normal; color: #6a1b9a;">Memory UP!</span>
        </div>
        <!-- Button 2 -->
        <div style="
            background: #e1bee7;
            padding: 10px;
            text-align: center;
            border: 2px solid #fff;
            box-shadow: 4px 4px 0px #f06292;
            color: #4a148c;
            font-weight: bold;
            font-size: 14px;
        ">
            !anonymous<br>
            <span style="font-size: 11px; font-weight: normal; color: #6a1b9a;">Spicy Feedback</span>
        </div>
        <!-- Button 3 -->
        <div style="
            background: #e1bee7;
            padding: 10px;
            text-align: center;
            border: 2px solid #fff;
            box-shadow: 4px 4px 0px #f06292;
            color: #4a148c;
            font-weight: bold;
            font-size: 14px;
        ">
            !metaverse<br>
            <span style="font-size: 11px; font-weight: normal; color: #6a1b9a;">Move to Plaza</span>
        </div>
          <!-- Button 4 --> 
         <div style="
            background: #e1bee7;
            padding: 10px;
            text-align: center;
            border: 2px solid #fff;
            box-shadow: 4px 4px 0px #f06292;
            color: #4a148c;
            font-weight: bold;
            font-size: 14px;
        ">
            !feedback<br>
            <span style="font-size: 11px; font-weight: normal; color: #6a1b9a;">Mild Tips</span>
        </div> 
         <!-- Button 5 --> 
         <div style="
            background: #e1bee7;
            padding: 10px;
            text-align: center;
            border: 2px solid #fff;
            box-shadow: 4px 4px 0px #f06292;
            color: #4a148c;
            font-weight: bold;
            font-size: 14px;
        ">
            !create<br>
            <span style="font-size: 11px; font-weight: normal; color: #6a1b9a;">Output Creation Template</span>
        </div>
    </div>
</div>