Three prompts to create a practical tool using what you learned today
Take today's frameworks home. Use these prompts with ChatGPT, Claude, or any AI assistant to build your own AI project assessment tool. Each prompt builds on the previous one.
1
Basic SPA
Creates a working single-page app with the 5 AI-specific assessment criteria from today's workshop.
Create a single-page web application for assessing AI project readiness. Include these 5 criteria with 1-10 scoring:
1. Data Readiness - Is data available, clean, and sufficient?
2. Continuous Learning Cost - What's the ongoing maintenance burden?
3. Accuracy vs Risk - Does AI capability match business risk tolerance?
4. Explainability - Can we explain AI decisions to stakeholders?
5. Ethical Risk - Could this discriminate or cause harm?
Calculate a total score with traffic light rating (Red/Amber/Green). Show recommendation: "Ready to proceed" / "Proceed with caution" / "Not ready - address gaps first"
Use HTML, CSS, and vanilla JavaScript in a single file.
2
Add Mobile-First Design
Makes your app work beautifully on phones and tablets.
Update this SPA to be mobile-first responsive:
- Stack form fields vertically on mobile
- Touch-friendly input sliders instead of number fields
- Larger tap targets (min 44px)
- Readable on screens 320px and up
- Collapsible help text for each criterion
3
Add Accessibility
Makes your app usable by everyone, including those using screen readers.
Make this SPA accessible (WCAG 2.1 AA):
- Proper form labels and ARIA attributes
- Keyboard navigation for all controls
- Screen reader announcements for score changes
- Sufficient color contrast (4.5:1 minimum)
- Focus indicators visible
- Skip link to main content
💡 Tips for Success
Iterate: Run each prompt, test the result, then add the next layer
Customize: Add your organization's specific criteria or branding
Extend: Ask AI to add PDF export, save/load projects, or team sharing
Deploy: Host on GitHub Pages for free - ask AI to help you set it up