Mandatory pre-deployment quality assurance. Run this before ANY project goes live.
vercel --prod or any production deploy# Ensure build succeeds without errors
cd <project-dir>
npm run build
Fail criteria: Build errors, warnings about missing dependencies
Use browser tool to verify:
browser snapshot → check for errors
browser console → verify no red errors
browser screenshot --mobile
Check:
# Check all external links resolve
grep -r "href=" src/ | grep -o 'https://[^"]*' | sort -u | while read url; do
curl -s -o /dev/null -w "%{http_code} $url\n" "$url"
done
Verify in index.html:
</code> set (not generic)</li><li>[ ] <code><meta name="description"></code> present</li><li>[ ] <code><meta property="og:*"></code> for social sharing</li><li>[ ] Favicon present</li></ul><h2>Pre-Deploy Command</h2><pre><code># Run full QA suite
scripts/qa-check.sh <project-dir>
</code></pre><h2>Fail = No Deploy</h2><p>If ANY check fails:</p><ol><li>Document the issue</li><li>Fix it</li><li>Re-run QA</li><li>Only then deploy</li></ol><h2>Quick Reference</h2><table><thead><tr><th>Check</th><th>Tool</th><th>Pass Criteria</th></tr></thead><tbody><tr><td>-------</td><td>------</td><td>---------------</td></tr><tr><td>Build</td><td><code>npm run build</code></td><td>Exit 0, no errors</td></tr><tr><td>Browser</td><td><code>browser snapshot</code></td><td>No console errors</td></tr><tr><td>Mobile</td><td><code>browser screenshot</code></td><td>Readable, no scroll</td></tr><tr><td>Links</td><td><code>curl</code></td><td>All 200/301</td></tr><tr><td>Speed</td><td>Browser</td><td>< 3s load</td></tr><tr><td>SEO</td><td>Read index.html</td><td>All meta present</td></tr></tbody></table><h2>Post-Deploy Verification</h2><p>After deploy, ALWAYS:</p><ol><li>Visit production URL in browser</li><li>Click through main features</li><li>Check mobile view</li><li>Verify analytics loading (if added)</li></ol><p>Only THEN announce/share the project.</p></div>
</div>
</div>
<div id="tab-versions" class="detail-content">
<div class="detail-section">
<h2>版本历史</h2>
<p style="margin-bottom:12px;font-size:14px;color:#94a3b8;">共 1 个版本</p>
<ul class="version-list">
<li>
<div>
<span class="version-tag">v1.0.0</span>
<span style="font-size:11px;color:#5b6abf;margin-left:8px;background:#eef0ff;padding:1px 8px;border-radius:10px;">当前</span> </div>
<div style="font-size:12px;color:#94a3b8;">
2026-05-12 06:14 安全 安全 </div>
</li>
</ul>
</div>
</div>
<div id="tab-security" class="detail-content">
<div class="detail-section">
<h2>安全检测</h2>
<div class="sec-grid"> <div class="sec-card">
<h4>腾讯云安全 (Keen)</h4>
<div class="sec-status sec-safe">
安全，无风险 </div>
<a href="https://tix.qq.com/search/skill?keyword=ed025b26d8b38acb14c77851dba18bc2" target="_blank">查看报告</a> </div>
<div class="sec-card">
<h4>腾讯云安全 (Sanbu)</h4>
<div class="sec-status sec-safe">
安全，无风险 </div>
<a href="https://static.cloudsec.tencent.com/html-report-v2/2026/05/26/459860_6511937fbb229faea3a74383a78d9177.html?q-sign-algorithm=sha1&q-ak=AKID8JMG1bzBC1dz96qNhssfFftujT1NCoFi&q-sign-time=1781445187%3B1812981187&q-key-time=1781445187%3B1812981187&q-header-list=host&q-url-param-list=&q-signature=bfb3a7c047d37cb095dd074377b3f3361ba53ec3" target="_blank">查看报告</a> </div>
</div>
</div>
</div>
<!-- Recommended Skills -->
<div style="margin-top:24px;">
<h2 style="font-size:18px;font-weight:600;margin-bottom:16px;">🔗 相关推荐</h2>
<div class="rec-grid">
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">developer-tools</span>
<h3><a href="/s/alchemy-web3">Alchemy Web3</a></h3>
<div class="rec-owner">gizmo-dev</div> <div class="rec-desc">与Alchemy的Web3 API交互，获取80多条链的区块链数据、NFT、代币、转账及Webhook。</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 0</span>
<span style="color:#5b6abf;">📥 1,462</span>
</div>
</div>
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">developer-tools</span>
<h3><a href="/s/gizmolab-tools">GizmoLab Tools</a></h3>
<div class="rec-owner">gizmo-dev</div> <div class="rec-desc">使用 GizmoLab 免费区块链开发工具（tools.gizmolab.io）和 Web3 UI 组件（ui.gizmolab.io）。以太坊工具包括合约 UI 交互、交易解码器、ENS 查询和 Burner 钱包。Solana 工具包括</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 1</span>
<span style="color:#5b6abf;">📥 1,681</span>
</div>
</div>
<div class="rec-card">
<span class="badge-cat" style="margin-bottom:8px;display:inline-block;">content-creation</span>
<h3><a href="/s/agentapi-hub">AgentAPI Hub</a></h3>
<div class="rec-owner">gizmo-dev</div> <div class="rec-desc">浏览并搜索 AgentAPI 目录——一个为 AI 代理精选的 API 数据库。查找适用于搜索、AI、通信、数据库...的 MCP 兼容 API。</div>
<div class="rec-stats">
<span style="color:#f39c12;">★ 0</span>
<span style="color:#5b6abf;">📥 1,416</span>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded',function(){
document.querySelectorAll('.detail-tab').forEach(function(btn){
btn.addEventListener('click',function(e){
var tab = this.getAttribute('data-tab');
document.querySelectorAll('.detail-tab').forEach(function(b){b.classList.remove('active')});
document.querySelectorAll('.detail-content').forEach(function(c){c.classList.remove('active')});
this.classList.add('active');
var el = document.getElementById('tab-'+tab);
if(el) el.classList.add('active');
});
});
});
</script>
<div class="footer">
<p>Skill工具集 © 2026</p>
</div></body>
</html>