An experimental workspace for AI-generated projects, applications, and visualizations.
Explore all projects at: https://markopalski.github.io/prompt-playground/
This repository showcases various experiments created through AI collaboration, demonstrating the power of prompt engineering and AI-assisted development. Each project represents a different exploration of creative coding, data visualization, web applications, and interactive tools.
🆕 New Feature: Each project now includes a "View Prompt" button that displays the original AI prompt used to create it, providing complete transparency in the AI-assisted development process.
- Water Cycle Graph - Interactive water cycle visualization using Python and Graphviz
- Original Prompt Source: Root page of Awesome ChatGPT Prompts
- Todo App - Feature-rich task management application
- Original Prompt Source: Vibe mode subpage of Awesome ChatGPT Prompts
- Drawing App - Interactive drawing application with brush tools and canvas controls
- Original Prompt Source: Awesome ChatGPT Prompts repository
- Built with: Bolt.new
- Coming soon...
- Coming soon...
Each project includes its own setup instructions and documentation. Navigate to any project folder to get started.
Each project on the live demo site includes a "View Prompt" button that opens a modal displaying:
- Original AI Prompt: The exact prompt used to generate the project
- Source Attribution: Links to Awesome ChatGPT Prompts by @f
- Copy Functionality: One-click copying of prompts for reuse
- Metadata: Date, source platform, and prompt location information
This transparency allows visitors to understand the AI collaboration process and reuse successful prompts for their own projects.
AI Collaboration:
- GitHub Copilot - Primary code generation
- ChatGPT - Problem solving and architecture guidance
- Community prompts from Awesome ChatGPT Prompts by @f
My Role:
- Prompt engineering and refinement
- Project curation and organization
- Environment setup and deployment
- Documentation and testing
- GitHub Pages hosting
Each project follows a consistent structure:
project-name/
├── README.md # Project-specific documentation
├── requirements.txt # Dependencies (if applicable)
├── src/ # Source code
├── docs/ # Demo files for GitHub Pages
│ └── index.html # Project demo with prompt modal
└── assets/ # Images, data files, etc.
Each project's demo page (docs/index.html) includes:
- Live Project Demo: Fully functional application or visualization
- Navigation Controls: Back to playground, view source, view prompt
- Prompt Modal: Interactive display of the original AI prompt
- Professional Styling: Consistent design matching the main site
- Python: Data visualization, scientific computing
- JavaScript: Interactive web applications
- HTML/CSS: User interfaces and styling
- SVG: Scalable graphics and animations
- Various Libraries: Graphviz, D3.js, React, and more
- Explore AI-assisted development workflows
- Experiment with different programming paradigms
- Create educational and interactive content
- Build a portfolio of diverse technical projects
- Document the collaborative AI development process
- Demonstrate prompt engineering transparency through interactive modals
- Share reusable prompts to help others learn AI-assisted development
While these are experimental projects, feel free to:
- Fork and modify any project
- Suggest improvements or new experiments
- Share your own prompt-generated projects
All projects are released into the public domain unless otherwise specified. The generated code and applications can be freely used, modified, and distributed without restriction.
- Portfolio: Mark Opalski Portfolio
- GitHub: @MarkOpalski
"The best way to predict the future is to create it." - Experimenting with AI-assisted creativity, one prompt at a time.