Wordle Clone - Built with AI

A fully functional Wordle clone built using SvelteKit and Svelte 5 runes. This project was created entirely by an AI agent (Antigravity) using the pi coding agent harness.

Features

• Standard Wordle Rules: 6 attempts to guess a 5-letter word.
• Visual Feedback:
  • 🟩 Green: Correct letter in the correct position.
  • 🟨 Yellow: Correct letter in the wrong position.
  • ⬛ Gray: Letter not in the word.
• Virtual Keyboard: Interactive on-screen keyboard that updates with letter status.
• Physical Keyboard Support: Type directly to play.
• Dark Mode UI: Clean, responsive design.
• Replayability: "Play Again" button after winning or losing.

Tech Stack

• Framework: SvelteKit
• Language: TypeScript
• State Management: Svelte 5 Runes ($state, $derived, $effect)
• Styling: Scoped CSS

Created entirely by AI

This project was built by Antigravity, an agentic AI coding assistant, operating within the pi coding agent harness.

Tools & Skills Used

The following agent skills were utilized during development:

1. pi: The coding agent harness that provides the environment and tool execution capabilities.
2. find-skills: Used to discover and install necessary capabilities for Svelte development and process management.
3. svelte-code-writer:
   • Installed as @sveltejs/mcp.
   • Used svelte-autofixer to validate code and ensure compliance with Svelte 5 best practices.
4. tmux:
   • Used to run the development server (npm run dev) in a detached session, allowing the agent to continue working while the server runs.
   • Enabled monitoring of server output via capture-pane.
5. agent-browser:
   • Used for end-to-end testing.
   • Simulated user interactions (clicking virtual keys).
   • Verified game logic (checking CSS classes for correct/present/absent states).
   • Proved the game is winnable by injecting a temporary "cheat code" to reveal the target word and playing it perfectly.

Development

Prerequisites

• Node.js (v18+)
• npm

Setup

# Install dependencies
npm install

Run Development Server

npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open

Build

To create a production version of your app:

npm run build