X Alignment Chart

Create D&D-style alignment charts for X (formerly Twitter) users. Place users on a Lawful-Chaotic and Good-Evil grid based on an AI analysis of their tweets or manually position them. Powered by Exa and Vercel AI SDK.

Try it here! → magic-x-alignment-chart.vercel.app

video_demo.mp4

Tutorial

1. Enter an X username in the input field
2. Choose between:
   • AI Analysis (purple button): Analyzes the user's tweets and places them on the chart
   • Random Placement (black button): Places the user randomly on the chart for manual positioning
3. View the alignment chart with positioned users
4. Drag unlocked users to reposition them (AI-placed users are locked)
5. Click on chart axis labels to learn more about each alignment

Development Setup

1. Sign up for accounts with the AI provider you want to use (e.g., OpenAI (default), Anthropic), and obtain an API key.
2. Setup a Redis DB on Upstash Redis
3. Create a .env.local file based on the .env.example template
4. bun install to install dependencies
5. bun dev to run the development server

Deploy your own

Credits

• Original concept by mdmatthewdc
• Draggable v0 by rauchg
• AI version (this one) by f1shy-dev