เราเล่าจากการทดลองจริงในแล็บ ไม่ใช่ทฤษฎี — และให้หลักฐานพูดแทน
จุดเจ็บ: การตรวจคุณภาพใช้คนเยอะ น่าเบื่อ และพลาดง่ายตอนใกล้เส้นตาย ทีมเล็กยิ่งตรวจตามไม่ทัน
เดิมพัน: ของพังที่หลุดถึงมือผู้ใช้ ทำลายความเชื่อมั่นที่สร้างมานาน และแก้ทีหลังแพงกว่าหลายเท่า
สิ่งที่เราทำในแล็บ: Using 3 rounds of plain-language prompts, AI found 25 free QC tools covering 208 web application testing topics and built an entire QC Dashboard — all in under 1 hour at zero cost.
Best for: Executives / Business owners / Team leads managing websites but not developers |
Read time: 10 min |
Level: Beginner to Intermediate |
Category: Behind-the-Scenes
"208 items to test. 8 categories. Who could possibly handle all that?"
That was the first reaction — until one single prompt returned an entire QC Dashboard.
TL;DR — Key Takeaways
- Simple prompts with clear logic helped AI find 25 free QC tools covering 208 web testing items
- AI created star ratings comparing tools against testing categories
- Resulted in a complete QC Dashboard (Hi Logic Labs QC Toolkit v1.0) with Decision Wizard
- Key lesson: the quality of your AI prompt determines the quality of results
It all started with a simple problem — wanting to know what needs to be checked on an AI-built website before letting real users touch it.
So the question to AI was straightforward: "Find me a checklist of everything a web application needs to be tested for."
The answer?
208 items. Across 8 categories.
Looking at that list was overwhelming — everything from Code Quality, Testing, Security, Performance, SEO, Accessibility, Monitoring, all the way to Standards & Compliance.
What would a normal person do with this? Hire a QA team? Bring in a consultant? Or just skip it all, deploy, and hope for the best?
Option 4 — ask AI to find free tools and build a Dashboard to manage everything from one place.
208
Items to Test
25
Free Tools Found by AI
8
QC Categories
$0
Tool Costs
The Simple Prompt That Started Everything — How Should You Write It?
No complex AI commands here. No fancy prompt engineering. Just clear logic — tell AI what you have, what you need, and let it handle the rest.
Here's the actual prompt that was used:
The actual prompt used — feel free to copy
Study this file and help find free software or tech tools
that can be used for this work.
Create a summary table showing which tool does what,
and make a comparison table matching checklist items each tool covers,
with a star rating of 3, 2, or 1 stars.
3 being the best.
That's literally it.
Notice something? No mention of "Docker", "CI/CD", "OWASP", or any technical jargon. Just plain language: "Find them for me, make a comparison table, rate them."
The prompting secret that actually works: No need to type long paragraphs or use technical terms. Just provide 3 things — (1) What you have (a checklist file with 208 items) (2) What you need (free tools + comparison table) (3) How to evaluate (star rating 1-3) — AI will handle everything else.
How AI Found 25 Free Tools Covering All 8 Categories
AI didn't just Google and list things — it analyzed all 208 testing items, matched which tools cover which items, and rated them with the 3-2-1 star system as requested.
Here are the 25 tools AI selected, organized by the 8 categories:
25 tools. Every single one is free (or has a genuinely usable free tier). Every single one is well-respected in the industry — no obscure tools that nobody uses.
Star Rating Comparison — How Well Does Each Tool Handle Its Testing Items?
This is where AI really shines — it created a cross-reference table between the 25 tools and 208 testing items, then rated each combination.
| Category |
Primary Tools |
Items Covered |
Star Rating |
| Code Quality |
ESLint + Prettier + SonarQube |
Linting, Formatting, Code Smell, Duplications |
⭐⭐⭐ |
| Testing |
Jest + Playwright |
Unit Test, E2E, Visual Regression, Cross-browser |
⭐⭐⭐ |
| Security |
OWASP ZAP + Snyk + npm audit |
XSS, SQLi, CSRF, Dependencies, Headers, SSL |
⭐⭐⭐ |
| Performance |
Lighthouse + k6 |
Core Web Vitals, Load Test, Bundle Size |
⭐⭐⭐ |
| SEO |
Screaming Frog + Google Search Console |
Meta Tags, Sitemap, Structured Data, Crawl |
⭐⭐⭐ |
| Accessibility |
axe DevTools + WAVE |
WCAG 2.1 AA, Color Contrast, Screen Reader |
⭐⭐ |
| Monitoring |
Sentry + UptimeRobot + Grafana |
Error Tracking, Uptime, Metrics, Alerts |
⭐⭐⭐ |
| Standards |
Nu HTML Checker |
HTML Validation, W3C Compliance |
⭐⭐ |
The actual star rating table goes into much more detail than this — each tool is compared against every item in its category and rated as 3 stars = excellent, 2 stars = capable but limited, 1 star = partially capable but not its strength.
An unexpected insight from AI: "Accessibility is the category with the least coverage from free tools — axe DevTools and WAVE only handle automated checks well, but manual testing like actually testing with a screen reader still needs to be done by hand." — This is the kind of insight that would never surface without asking AI.
Simple prompts with clear logic — 25 free QC tools covering 208 testing items
208 Items, 25 Tools — But What Needs to Happen When?
This is where the next challenge popped up.
The comparison table was ready. The tools were identified. But...
When should each item be done? In what order? What comes first?
So the next question to AI was: "Help organize these 208 items by when they should be done during development" — AI broke it down into 8 phases:
P1: Planning
P2: Development
P3: Functional Testing
P4: Non-Functional Testing
P5: Standards & Compliance
P6: Pre-Deployment
P7: Deployment
P8: Post-Deployment
Every phase comes with a clear checklist, spelling out exactly which tool to use for each item.
But here's the thing — if it's just a Markdown file, it'll get forgotten. Nobody's going to open it again.
So the next prompt was:
The prompt that created the QC Dashboard
Take all this data and build an HTML Dashboard:
- Show all tools with their status
- Include a Checklist organized by Phase with checkboxes
- Add a Quota Tracker for free tiers
- Add a Decision Wizard that recommends the right tool based on what you're currently doing
Dark Mode theme, professional look.
The Resulting QC Dashboard — Hi Logic Labs QC Toolkit v1.0
AI generated the Dashboard as a single HTML file — just open it in any browser. No installation needed. No deployment. No server required.
The Dashboard has 4 main tabs:
Tab 1: QC Tools
Displays all 25 tools organized by category, with toggle switches showing Active status for each one. Get a full overview of everything on a single page.
Tab 2: Quota Tracker
Tracks free tier limits for each tool — Sentry 5,000 errors/month, UptimeRobot 50 monitors, Snyk 200 tests/month — no need to memorize any of it.
Tab 3: QC Checklist
All 208 items organized by 8 phases — check them off one by one, with progress shown as a percentage for each phase. Crystal clear view of what's done and what's left.
Tab 4: Decision Wizard
Select what you're currently doing (writing code / testing / checking security / checking SEO, etc.) and the wizard recommends the right tools, complete with ready-to-use Cursor prompts you can copy-paste immediately.
All of this lives in a single HTML file. No backend. No database. Open it in a browser and start using it immediately.
The result: From 3 rounds of plain-language prompts → a complete QC Dashboard covering 208 testing items + 25 free tools + a progress-tracking Checklist + a Decision Wizard that tells you which tool to use right now — all done in under 1 hour.
How Usable Are the Free Tiers of These 25 Tools, Really?
A lot of people probably think "free means barely usable" — that was the assumption too, until AI put together this quota summary table.
| Tool |
Free Tier Limit |
Enough? |
| Sentry |
5,000 errors/month |
More than enough for small-to-medium sites |
| UptimeRobot |
50 monitors |
50 free URL monitors! |
| Snyk |
200 tests/month |
Plenty for dependency checking |
| Screaming Frog |
500 URLs/crawl |
Fine for sites that aren't too large |
| Mailtrap |
100 emails/month |
Sufficient for email testing |
| WebPageTest |
300 runs/month |
About 10 runs/day — totally workable |
| ESLint, Prettier, Jest |
Unlimited (Open Source) |
Free forever |
| OWASP ZAP, k6, Playwright |
Unlimited (Open Source) |
Free forever |
Honestly — for 1-5 projects, the combined free tiers of all these tools are more than enough. After over a month of use, not a single tool's limit has been hit.
The real lesson isn't about the dashboard — it's about how you ask AI
How the Decision Wizard Works — And Why It's the Best Feature
The problem with having 25 tools is — which one should you use right now?
The Decision Wizard solves this. Just select what you're currently working on:
💻
Writing Code
→ ESLint + Prettier + SonarQube
🔒
Checking Security
→ OWASP ZAP + Snyk + npm audit
⚡
Checking Performance
→ Lighthouse + k6 + PageSpeed
🔍
Checking SEO
→ Screaming Frog + Search Console
Then the Dashboard shows a ready-made Cursor Prompt to copy and use — no need to figure out what to ask AI.
For example — selecting "Check SEO" gives this prompt:
Prompt from Decision Wizard — SEO Check
Help check the website's SEO:
1. Lighthouse SEO Score >= 90
2. Check all page title tags (unique, < 60 chars)
3. Check all page meta descriptions (unique, < 160 chars)
4. Check each page has exactly one H1 tag
5. Check Open Graph tags (og:title, og:description, og:image)
6. Check canonical URLs
7. Check sitemap.xml is valid & submitted
8. Check robots.txt is correct
9. Check structured data (JSON-LD) is valid
10. Check internal links have no broken links (0 404s)
11. Screaming Frog crawl: check for duplicate content, missing tags
See that? A prompt that even non-developers can use. No commands. No terminal. Just tell AI what to check, and it handles the rest.
The Actual Workflow — From "Knowing Nothing" to "Complete QC Dashboard" in How Long?
Step 1 — 5 minutes
Ask AI what a web app needs to be tested for
Got back a list of 208 items across 8 categories. No need to know what OWASP is — just tell AI "find it for me."
Step 2 — 10 minutes
Ask AI to find free tools + create a star rating comparison
Got a table of 25 tools compared against every item, with star ratings showing which tool excels at what.
Step 3 — 5 minutes
Ask AI when each item should be done
Got 8 QC phases from Planning to Post-Deployment, complete with priority ordering.
Step 4 — 30 minutes
Ask AI to build the QC Dashboard in HTML
Got a Dashboard with 4 tabs — QC Tools, Quota Tracker, QC Checklist, Decision Wizard — in a beautiful Dark Mode theme that actually works.
Total time: about 50 minutes.
Now think about what hiring a QA consultant would cost — creating a checklist + finding tools + building a comparison + creating a dashboard like this would probably take 2-3 weeks and cost thousands of dollars.
With Cursor + Claude, it was done in 50 minutes. The cost? The $20 Cursor Pro subscription that was already being paid for.
The Real Lesson Isn't About the Dashboard — It's About "How You Ask"
Is the Dashboard nice? Sure. Is it useful? Absolutely.
But the real takeaway is — prompts don't need to be complex, the logic just needs to be sound.
No prompt engineering tricks were used. No "act as QA expert" instructions. No "step by step" directives. No chain of thought techniques.
Just three things:
- What you have — a checklist file with 208 items
- What you need — free tools + comparison table + Dashboard
- How to evaluate — star rating 1-3
That's it. Clear logic beats fancy language every time.
Most people who "can't get AI to work" don't have a language problem — they have a logic problem. If you can tell AI (1) what you have (2) what you need (3) how to measure success — AI will handle the rest, whether you type in Thai or English.
Zero cost — free tiers of all 25 tools are genuinely usable for small teams
Want to Build Your Own QC Dashboard? Here's How to Start
No need to wait until you have a website — if you're working on any project that has "things to check," this approach works right away.
1
Ask AI what needs to be checked for your type of work ⏱️ 5 min
Provide context about your work, then ask "What should be checked for this kind of project?" — AI will create a custom checklist tailored to your needs.
2
Ask AI to find free tools + create a comparison table ⏱️ 10 min
Take the checklist → ask AI to find free tools covering each item → have it create a star rating comparison table.
3
Ask AI to build an HTML Dashboard ⏱️ 30 min
Take all the data → ask AI to create an interactive dashboard that actually works — opens in a browser as a single file, no server needed.
Prompt for creating a QC Dashboard — feel free to copy
Study this file [attach your checklist file]
Help find free software/tech tools that can check each item.
Create a comparison table showing which tool does what.
Rate them with 1-3 stars (3 = best).
Then build an HTML Dashboard with:
- Display of all tools + status
- Checkable Checklist organized by phase
- Quota Tracker for free tiers
- Decision Wizard recommending tools based on current task
Token-saving tip: Send the entire checklist file to AI instead of typing it out — AI can read files directly, saving both time and tokens.
Why This Matters for Business Leaders Using AI to Build Websites
No QA engineering background here. Never heard of OWASP before this. Never ran Lighthouse independently.
But now there's a QC Dashboard covering 208 testing items, 25 free tools, and ready-made prompts that just need to be copy-pasted into Cursor for AI to handle the rest.
Vibe coding doesn't mean "build and forget" — it means "build, then let AI help with quality assurance too."
The difference between someone who uses AI to build a website and someone who uses AI to build a website and also checks its quality — that gap is enormous.
208 items. 25 free tools. 1 Dashboard. Under 1 hour.
You can do this too.
Want to start using AI to build + QA your website?
Check out other articles on Hi Logic Labs — everything is written from real experience, not theory.
Start from zero — no developer skills required.
Frequently Asked Questions (FAQ)
Does the AI-built QC Dashboard actually work, or is it just pretty?
It genuinely works — the Checklist saves progress in the browser, the Quota Tracker shows free tier limits for each tool, and the Decision Wizard recommends tools plus gives you ready-to-use prompts. This Dashboard is used to check the Hi Logic Labs website every single week.
Do all 208 testing items really need to be completed?
Not necessarily — 208 items represent "everything that should be checked," but in practice, small-to-medium websites can focus on Phase 1-3 (Planning, Development, Functional Testing) first, which covers about 60-80 items. The rest can be tackled later as the site grows.
Do all 25 tools need to be installed right away?
Not at all — start with these 5 core tools: ESLint (code quality), Lighthouse (performance + SEO), OWASP ZAP (security), UptimeRobot (monitoring), Nu HTML Checker (standards). Just these 5 cover roughly 60% of the most critical items.
Can ChatGPT create this kind of Dashboard if not using Cursor?
Absolutely — ChatGPT or Claude can generate HTML Dashboards just the same. Cursor's advantage is that it creates, edits, and previews files directly. With ChatGPT, the HTML would need to be copied and pasted into a file manually, which is totally doable — just adds an extra step.
Can this QC Dashboard approach work for businesses other than websites?
Definitely — the same thinking applies to any business. If there are "things that need checking," just ask AI to create a checklist → find tools → build a dashboard. Examples: QC for restaurants, event planning checklists, or accounting audit dashboards.
Last updated: March 8, 2026 |
Written by: Hi Logic Labs |
Tools used: Cursor + Claude Opus
#AI #QCDashboard #WebTesting #QualityAssurance #VibeCoding #AIForBusiness #BehindTheScenes #Hi Logic Labs #FreeTools #NonDeveloper #AIOperations #AIForManagers #WebDevelopment #Cursor #ClaudeAI
สิ่งที่ได้ และหลักคิด
ของจริงที่เอาไปใช้ต่อได้ ไม่ใช่แค่ไอเดีย หลักคิดของเราคือทำให้เป็นระบบที่ทำซ้ำได้และไม่พึ่งความจำคน
อยากเห็นระบบแบบนี้ทำงานกับงานของคุณ — ดู ViberQC และลงชื่อรอรอบทดลองที่ hilogiclabs.com