@ai-lighthouse/cli 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/README.md +126 -53
  2. package/dist/index.js +2788 -12
  3. package/package.json +10 -4
  4. package/.ai-lighthouse/audit_example.com_2025-12-15T12-10-43.json +0 -183
  5. package/.ai-lighthouse/audit_fayeed.dev_2026-01-07T19-32-28.html +0 -743
  6. package/.ai-lighthouse/audit_fayeed.dev_2026-01-07T19-33-02.html +0 -757
  7. package/.ai-lighthouse/audit_github.com_2025-12-15T11-53-21.json +0 -168
  8. package/.ai-lighthouse/audit_github.com_2025-12-15T12-04-06.json +0 -168
  9. package/.ai-lighthouse/audit_github.com_2025-12-15T12-05-10.json +0 -168
  10. package/.ai-lighthouse/audit_github.com_2025-12-15T12-09-45.json +0 -168
  11. package/.ai-lighthouse/audit_github.com_2025-12-15T12-11-07.json +0 -168
  12. package/.ai-lighthouse/audit_github.com_2025-12-15T12-13-28.json +0 -168
  13. package/.ai-lighthouse/audit_github.com_2025-12-15T12-14-59.json +0 -205
  14. package/.ai-lighthouse/audit_github.com_2025-12-15T12-18-07.json +0 -205
  15. package/.ai-lighthouse/audit_github.com_2025-12-15T12-18-44.json +0 -205
  16. package/.ai-lighthouse/audit_github.com_2025-12-15T12-21-38.json +0 -205
  17. package/.ai-lighthouse/audit_github.com_2025-12-15T12-22-21.json +0 -205
  18. package/.ai-lighthouse/audit_github.com_2025-12-15T12-22-46.json +0 -205
  19. package/.ai-lighthouse/audit_github.com_2025-12-15T12-23-18.json +0 -205
  20. package/.ai-lighthouse/audit_github.com_2025-12-15T12-24-43.json +0 -205
  21. package/.ai-lighthouse/audit_github.com_2025-12-17T12-15-08.json +0 -168
  22. package/.ai-lighthouse/audit_github.com_2025-12-17T12-15-57.json +0 -168
  23. package/.ai-lighthouse/audit_github.com_2025-12-17T12-17-11.json +0 -168
  24. package/.ai-lighthouse/audit_github.com_2025-12-17T12-22-17.json +0 -168
  25. package/.ai-lighthouse/audit_github.com_2025-12-17T12-22-42.json +0 -168
  26. package/.ai-lighthouse/audit_github.com_2025-12-17T12-23-56.json +0 -168
  27. package/.ai-lighthouse/audit_github.com_2025-12-17T12-25-24.json +0 -168
  28. package/.ai-lighthouse/audit_github.com_2025-12-17T12-25-40.json +0 -168
  29. package/.ai-lighthouse/audit_github.com_2025-12-17T12-27-02.json +0 -168
  30. package/.ai-lighthouse/audit_github.com_2025-12-17T12-27-20.json +0 -168
  31. package/.ai-lighthouse/audit_github.com_2025-12-17T12-29-56.json +0 -168
  32. package/.ai-lighthouse/audit_github.com_2025-12-17T12-32-27.json +0 -168
  33. package/.ai-lighthouse/audit_github.com_2025-12-17T12-33-00.json +0 -168
  34. package/.ai-lighthouse/audit_github.com_2025-12-17T12-34-49.json +0 -168
  35. package/.ai-lighthouse/audit_stripe.com_2025-12-15T12-11-31.json +0 -168
  36. package/.ai-lighthouse/audit_stripe.com_2025-12-15T12-11-45.json +0 -168
  37. package/.ai-lighthouse/audit_tailwindcss.com_2025-12-15T12-12-01.json +0 -169
  38. package/.ai-lighthouse/crawl_example.com_2025-12-15T12-03-08.json +0 -24
  39. package/.ai-lighthouse/crawl_example.com_2025-12-15T12-03-23.json +0 -24
  40. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-41-34.json +0 -21
  41. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-42-09.json +0 -21
  42. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-42-45.json +0 -21
  43. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-43-02.json +0 -21
  44. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-43-26.json +0 -21
  45. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-47-46.json +0 -906
  46. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-50-27.json +0 -906
  47. package/.ai-lighthouse/crawl_github.com_2025-12-15T11-52-59.json +0 -906
  48. package/.ai-lighthouse/crawl_github.com_2025-12-15T12-03-33.json +0 -28
  49. package/CLI_UI_README.md +0 -211
  50. package/EXAMPLES.md +0 -87
  51. package/IMPLEMENTATION.md +0 -215
  52. package/USAGE.md +0 -264
  53. package/WIZARD_GUIDE.md +0 -340
  54. package/bin/cli.js +0 -2
  55. package/dist/commands/audit-interactive.d.ts +0 -2
  56. package/dist/commands/audit-interactive.js +0 -106
  57. package/dist/commands/audit-wizard.d.ts +0 -2
  58. package/dist/commands/audit-wizard.js +0 -110
  59. package/dist/commands/audit.d.ts +0 -2
  60. package/dist/commands/audit.js +0 -940
  61. package/dist/commands/crawl.d.ts +0 -2
  62. package/dist/commands/crawl.js +0 -267
  63. package/dist/commands/report.d.ts +0 -2
  64. package/dist/commands/report.js +0 -304
  65. package/dist/index.d.ts +0 -1
  66. package/dist/ui/AuditReportUI.d.ts +0 -10
  67. package/dist/ui/AuditReportUI.js +0 -76
  68. package/dist/ui/SetupWizard.d.ts +0 -18
  69. package/dist/ui/SetupWizard.js +0 -179
  70. package/dist/ui/components/AIUnderstandingSection.d.ts +0 -6
  71. package/dist/ui/components/AIUnderstandingSection.js +0 -87
  72. package/dist/ui/components/HallucinationSection.d.ts +0 -6
  73. package/dist/ui/components/HallucinationSection.js +0 -84
  74. package/dist/ui/components/IssuesSection.d.ts +0 -6
  75. package/dist/ui/components/IssuesSection.js +0 -84
  76. package/dist/ui/components/MessageAlignmentSection.d.ts +0 -6
  77. package/dist/ui/components/MessageAlignmentSection.js +0 -108
  78. package/dist/ui/components/OverviewSection.d.ts +0 -6
  79. package/dist/ui/components/OverviewSection.js +0 -107
  80. package/dist/ui/components/ScoreDisplay.d.ts +0 -8
  81. package/dist/ui/components/ScoreDisplay.js +0 -41
  82. package/dist/ui/components/TechnicalSection.d.ts +0 -7
  83. package/dist/ui/components/TechnicalSection.js +0 -110
  84. package/dist/utils/comprehensive-formatter.d.ts +0 -5
  85. package/dist/utils/comprehensive-formatter.js +0 -370
  86. package/src/commands/audit-interactive.ts +0 -149
  87. package/src/commands/audit-wizard.ts +0 -137
  88. package/src/commands/audit.ts +0 -1012
  89. package/src/commands/crawl.ts +0 -307
  90. package/src/commands/report.ts +0 -321
  91. package/src/index.ts +0 -22
  92. package/src/ui/AuditReportUI.tsx +0 -151
  93. package/src/ui/SetupWizard.tsx +0 -294
  94. package/src/ui/components/AIUnderstandingSection.tsx +0 -183
  95. package/src/ui/components/HallucinationSection.tsx +0 -172
  96. package/src/ui/components/IssuesSection.tsx +0 -140
  97. package/src/ui/components/MessageAlignmentSection.tsx +0 -203
  98. package/src/ui/components/OverviewSection.tsx +0 -157
  99. package/src/ui/components/ScoreDisplay.tsx +0 -58
  100. package/src/ui/components/TechnicalSection.tsx +0 -200
  101. package/src/utils/comprehensive-formatter.ts +0 -455
  102. package/test.sh +0 -31
  103. package/tsconfig.json +0 -25
@@ -1,743 +0,0 @@
1
- <!DOCTYPE html>
2
- <html lang="en">
3
- <head>
4
- <meta charset="UTF-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
- <title>AI Lighthouse Report - https://fayeed.dev</title>
7
- <style>
8
- * { margin: 0; padding: 0; box-sizing: border-box; }
9
- body {
10
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
11
- line-height: 1.6;
12
- color: #333;
13
- background: #f5f5f5;
14
- padding: 20px;
15
- }
16
- .container { color: #333; max-width: 1200px; margin: 0 auto; background: white; padding: 40px; border-radius: 8px; }
17
- h1 { color: #2563eb; margin-bottom: 10px; font-size: 2em; }
18
- h2 { color: #1e40af; margin-top: 30px; margin-bottom: 15px; border-bottom: 2px solid #dbeafe; padding-bottom: 10px; }
19
- h3 { color: #1e40af; margin-top: 20px; margin-bottom: 10px; font-size: 1.2em; }
20
- .header { margin-bottom: 30px; }
21
- .url { color: #64748b; font-size: 0.95em; }
22
- .timestamp { color: #94a3b8; font-size: 0.85em; }
23
-
24
- .ai-readiness-banner {
25
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
26
- color: white;
27
- padding: 30px;
28
- border-radius: 8px;
29
- margin: 20px 0;
30
- box-shadow: 0 4px 6px rgba(0,0,0,0.1);
31
- }
32
- .ai-readiness-banner h2 { color: white; border: none; margin: 0 0 20px 0; }
33
- .overall-score { font-size: 3em; font-weight: bold; margin: 10px 0; }
34
- .grade-badge { background: rgba(255,255,255,0.2); padding: 8px 16px; border-radius: 20px; display: inline-block; margin: 10px 0; }
35
- .agent-perspective { background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; margin: 20px 0; }
36
- .agent-status { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 15px 0; }
37
- .agent-status-item { display: flex; align-items: center; gap: 10px; }
38
-
39
- .scores { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin: 20px 0; }
40
- .score-card {
41
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
42
- color: white;
43
- padding: 20px;
44
- border-radius: 8px;
45
- box-shadow: 0 4px 6px rgba(0,0,0,0.1);
46
- }
47
- .score-card h3 { font-size: 0.9em; opacity: 0.9; margin-bottom: 10px; }
48
- .score-value { font-size: 2.5em; font-weight: bold; }
49
- .grade { font-size: 1.2em; opacity: 0.8; margin-left: 10px; }
50
-
51
- .dimensions { display: grid; gap: 15px; margin: 20px 0; }
52
- .dimension { background: #f8fafc; border-left: 4px solid #cbd5e1; padding: 20px; border-radius: 4px; }
53
- .dimension.excellent { border-left-color: #10b981; }
54
- .dimension.good { border-left-color: #84cc16; }
55
- .dimension.needs-work { border-left-color: #f59e0b; }
56
- .dimension.critical { border-left-color: #dc2626; }
57
- .dimension-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
58
- .dimension-name { font-weight: 600; font-size: 1.1em; color: #1e293b; }
59
- .dimension-score { font-size: 1.5em; font-weight: bold; }
60
- .dimension-level { color: #64748b; font-size: 0.9em; margin-bottom: 10px; text-transform: uppercase; }
61
- .dimension-recommendations { margin-top: 10px; padding-left: 20px; }
62
- .dimension-recommendations li { margin: 5px 0; color: #475569; }
63
-
64
- .quick-wins { background: #fffbeb; border: 2px solid #fbbf24; padding: 20px; border-radius: 8px; margin: 20px 0; }
65
- .quick-wins h3 { color: #92400e; margin-top: 0; }
66
- .quick-win { background: white; padding: 15px; margin: 10px 0; border-radius: 4px; border-left: 3px solid #f59e0b; }
67
- .quick-win-header { font-weight: 600; color: #1e293b; margin-bottom: 8px; }
68
- .quick-win-meta { font-size: 0.85em; color: #64748b; }
69
-
70
- .priorities { margin: 20px 0; }
71
- .priority-section { background: #f8fafc; padding: 20px; border-radius: 8px; margin: 15px 0; }
72
- .priority-section.immediate { border-left: 4px solid #dc2626; }
73
- .priority-section.short-term { border-left: 4px solid #f59e0b; }
74
- .priority-section.long-term { border-left: 4px solid #3b82f6; }
75
- .priority-item { margin: 10px 0; padding-left: 20px; }
76
-
77
- .issues { margin: 20px 0; }
78
- .issue {
79
- background: #f8fafc;
80
- border-left: 4px solid #cbd5e1;
81
- padding: 15px;
82
- margin-bottom: 15px;
83
- border-radius: 4px;
84
- }
85
- .issue.critical { border-left-color: #dc2626; background: #fef2f2; }
86
- .issue.high { border-left-color: #ea580c; background: #fff7ed; }
87
- .issue.medium { border-left-color: #f59e0b; background: #fffbeb; }
88
- .issue.low { border-left-color: #84cc16; background: #f7fee7; }
89
- .issue-title { font-weight: 600; color: #1e293b; margin-bottom: 8px; }
90
- .issue-meta { font-size: 0.85em; color: #64748b; margin-bottom: 8px; }
91
- .issue-desc { color: #475569; margin-bottom: 8px; }
92
- .issue-fix { color: #0f766e; background: #f0fdfa; padding: 10px; border-radius: 4px; font-size: 0.9em; }
93
-
94
- .entity-list { display: grid; gap: 15px; }
95
- .entity { background: #f0f9ff; border: 1px solid #bae6fd; padding: 15px; border-radius: 4px; }
96
- .entity-name { font-weight: 600; color: #0c4a6e; }
97
- .entity-type { color: #0369a1; font-size: 0.85em; }
98
-
99
- .print-button {
100
- background: #2563eb;
101
- color: white;
102
- padding: 12px 24px;
103
- border: none;
104
- border-radius: 6px;
105
- cursor: pointer;
106
- font-size: 1em;
107
- margin: 20px 0;
108
- box-shadow: 0 2px 4px rgba(0,0,0,0.1);
109
- }
110
- .print-button:hover { background: #1e40af; }
111
-
112
- @media print {
113
- body { background: white; padding: 0; }
114
- .container { box-shadow: none; }
115
- .print-button { display: none; }
116
- }
117
- </style>
118
- </head>
119
- <body>
120
- <div class="container">
121
- <div class="header">
122
- <h1>🚨 AI Lighthouse Report</h1>
123
- <div class="url">https://fayeed.dev</div>
124
- <div class="timestamp">Generated: 1/7/2026, 7:32:28 PM</div>
125
- </div>
126
-
127
-
128
- <div class="ai-readiness-banner">
129
- <h2>🤖 AI Readiness Assessment</h2>
130
- <div class="overall-score">64/100</div>
131
- <div class="grade-badge">Grade: C</div>
132
- <div style="margin: 10px 0; opacity: 0.9;">
133
- Top 49% of sites •
134
- Improvement potential: +30 points to best-in-class
135
- </div>
136
-
137
- <div class="agent-perspective">
138
- <strong>AI Agent Perspective:</strong>
139
- <div class="agent-status">
140
- <div class="agent-status-item">
141
- <span>❌</span>
142
- <span>Can Understand</span>
143
- </div>
144
- <div class="agent-status-item">
145
- <span>✅</span>
146
- <span>Can Extract</span>
147
- </div>
148
- <div class="agent-status-item">
149
- <span>❌</span>
150
- <span>Can Index</span>
151
- </div>
152
- <div class="agent-status-item">
153
- <span>❌</span>
154
- <span>Can Answer Questions</span>
155
- </div>
156
- </div>
157
- <div style="margin-top: 15px;">
158
- <strong>Confidence Level:</strong> 76%
159
- </div>
160
- </div>
161
-
162
-
163
- </div>
164
-
165
-
166
- <h2>📊 Technical Scores</h2>
167
- <div class="scores">
168
- <div class="score-card">
169
- <h3>Overall Score</h3>
170
- <div>
171
- <span class="score-value">47.9</span>
172
- <span class="grade">F</span>
173
- </div>
174
- </div>
175
- <div class="score-card">
176
- <h3>AI Readiness</h3>
177
- <div class="score-value">48</div>
178
- </div>
179
- <div class="score-card">
180
- <h3>Crawlability</h3>
181
- <div class="score-value">0</div>
182
- </div>
183
- <div class="score-card">
184
- <h3>Content Clarity</h3>
185
- <div class="score-value">50</div>
186
- </div>
187
- <div class="score-card">
188
- <h3>Schema Coverage</h3>
189
- <div class="score-value">50</div>
190
- </div>
191
- <div class="score-card">
192
- <h3>Structure</h3>
193
- <div class="score-value">50</div>
194
- </div>
195
- </div>
196
-
197
-
198
- <h2>🎯 Dimension Analysis</h2>
199
- <div class="dimensions">
200
-
201
- <div class="dimension needs-work">
202
- <div class="dimension-header">
203
- <div class="dimension-name">📝 Content Quality</div>
204
- <div class="dimension-score">64/100</div>
205
- </div>
206
- <div class="dimension-level">needs-work</div>
207
-
208
- <div><strong>Strengths:</strong> Substantial content (500 words), Good content structure, Appropriate reading level (Grade 10), Technical depth: beginner, Low noise ratio in content</div>
209
-
210
-
211
-
212
- <div class="dimension-recommendations">
213
- <div style="margin-top: 10px;">→ Improve content structure and readability with better headings and paragraphs</div>
214
- </div>
215
-
216
- </div>
217
-
218
- <div class="dimension needs-work">
219
- <div class="dimension-header">
220
- <div class="dimension-name">🔍 Discoverability</div>
221
- <div class="dimension-score">67/100</div>
222
- </div>
223
- <div class="dimension-level">needs-work</div>
224
-
225
- <div><strong>Strengths:</strong> Crawlers can access content</div>
226
-
227
-
228
- <div style="margin-top: 8px;"><strong>Weaknesses:</strong> Canonical URL issues</div>
229
-
230
-
231
- <div class="dimension-recommendations">
232
- <div style="margin-top: 10px;">→ Optimize meta tags and canonicals for better indexing</div>
233
- </div>
234
-
235
- </div>
236
-
237
- <div class="dimension excellent">
238
- <div class="dimension-header">
239
- <div class="dimension-name">🔄 Extractability</div>
240
- <div class="dimension-score">100/100</div>
241
- </div>
242
- <div class="dimension-level">excellent</div>
243
-
244
- <div><strong>Strengths:</strong> 100% text extractable, Links are well-structured</div>
245
-
246
-
247
- <div style="margin-top: 8px;"><strong>Weaknesses:</strong> Only 0% server-rendered, Limited structured data</div>
248
-
249
-
250
- <div class="dimension-recommendations">
251
- <div style="margin-top: 10px;">→ Maintain high extractability with server-side rendering</div>
252
- </div>
253
-
254
- </div>
255
-
256
- <div class="dimension needs-work">
257
- <div class="dimension-header">
258
- <div class="dimension-name">🧠 Comprehensibility</div>
259
- <div class="dimension-score">62/100</div>
260
- </div>
261
- <div class="dimension-level">needs-work</div>
262
-
263
- <div><strong>Strengths:</strong> Proper H1 structure, Good structured data implementation, AI can generate clear summary, Clear page type (Blog Post), Well-defined topics (3 identified)</div>
264
-
265
-
266
- <div style="margin-top: 8px;"><strong>Weaknesses:</strong> Poor messaging alignment, 1 critical messaging mismatches</div>
267
-
268
-
269
- <div class="dimension-recommendations">
270
- <div style="margin-top: 10px;">→ Improve: Enhance heading hierarchy and structured data completeness</div>
271
- </div>
272
-
273
- </div>
274
-
275
- <div class="dimension good">
276
- <div class="dimension-header">
277
- <div class="dimension-name">✅ Trustworthiness</div>
278
- <div class="dimension-score">83/100</div>
279
- </div>
280
- <div class="dimension-level">good</div>
281
-
282
- <div><strong>Strengths:</strong> Low hallucination risk, 80% facts verified</div>
283
-
284
-
285
-
286
- <div class="dimension-recommendations">
287
- <div style="margin-top: 10px;">→ Content has good factual grounding</div>
288
- </div>
289
-
290
- </div>
291
-
292
- </div>
293
-
294
-
295
-
296
- <div class="quick-wins">
297
- <h3>⚡ Quick Wins (High Impact, Low Effort)</h3>
298
-
299
- <div class="quick-win">
300
- <div class="quick-win-header">1. No Schema.org structured data</div>
301
- <div class="quick-win-meta">Impact: 30 | Effort: medium</div>
302
- <div style="margin-top: 8px; color: #0f766e;">→ Add Schema.org structured data using JSON-LD. Consider Organization, Person, Article, Product, or other relevant schemas.</div>
303
- </div>
304
-
305
- <div class="quick-win">
306
- <div class="quick-win-header">2. Missing main semantic container</div>
307
- <div class="quick-win-meta">Impact: 25 | Effort: medium</div>
308
- <div style="margin-top: 8px; color: #0f766e;">→ Wrap your main content in a <main> element, or use <article> for article-type content. This helps AI understand what content is most important.</div>
309
- </div>
310
-
311
- <div class="quick-win">
312
- <div class="quick-win-header">3. Missing canonical tag</div>
313
- <div class="quick-win-meta">Impact: 25 | Effort: medium</div>
314
- <div style="margin-top: 8px; color: #0f766e;">→ Add <link rel="canonical" href="..."> to specify the preferred URL version.</div>
315
- </div>
316
-
317
- <div class="quick-win">
318
- <div class="quick-win-header">4. Hallucination Trigger: missing fact</div>
319
- <div class="quick-win-meta">Impact: 25 | Effort: medium</div>
320
- <div style="margin-top: 8px; color: #0f766e;">→ These facts are not in LLM training data. When AI systems reference your content, they may hallucinate details or provide outdated information. Consider adding context that connects to well-known facts, or expect AI-generated summaries to be less accurate.</div>
321
- </div>
322
-
323
- <div class="quick-win">
324
- <div class="quick-win-header">5. Missing or short meta description</div>
325
- <div class="quick-win-meta">Impact: 20 | Effort: medium</div>
326
- <div style="margin-top: 8px; color: #0f766e;">→ Add a meta description tag with 150-160 characters that summarizes the page content.</div>
327
- </div>
328
-
329
- </div>
330
-
331
-
332
-
333
- <h2>📋 Priority Roadmap</h2>
334
- <div class="priorities">
335
-
336
- <div class="priority-section immediate">
337
- <h3>🔴 Immediate (&lt; 1 day)</h3>
338
-
339
- <div class="priority-item">• 🔴 No Schema.org structured data: Add Schema.org structured data using JSON-LD. Consider Organization, Person, Art...</div>
340
-
341
- <div class="priority-item">• 🔴 Missing main semantic container: Wrap your main content in a <main> element, or use <article> for article-type co...</div>
342
-
343
- <div class="priority-item">• 🔴 Missing canonical tag: Add <link rel="canonical" href="..."> to specify the preferred URL version....</div>
344
-
345
- </div>
346
-
347
-
348
-
349
-
350
-
351
- <div class="priority-section long-term">
352
- <h3>🔵 Long-term (&gt; 7 days)</h3>
353
-
354
- <div class="priority-item">• 🟢 Hallucination Trigger: missing fact: These facts are not in LLM training data. When AI systems reference your content...</div>
355
-
356
- <div class="priority-item">• 🟢 Missing or short meta description: Add a meta description tag with 150-160 characters that summarizes the page cont...</div>
357
-
358
- <div class="priority-item">• 🟢 Repetitive text content: Consolidate repetitive text into a single location. Use references or footnotes ...</div>
359
-
360
- <div class="priority-item">• 🟢 Missing OpenGraph meta tags: Add missing OpenGraph meta tags (og:title, og:description, og:image) to improve ...</div>
361
-
362
- <div class="priority-item">• Enhance contentQuality: Improve content structure and readability with better headings and paragraphs</div>
363
-
364
- </div>
365
-
366
- </div>
367
-
368
-
369
-
370
- <h2>📝 AI Understanding Analysis</h2>
371
- <div style="background: #f0f9ff; border: 2px solid #0ea5e9; padding: 20px; border-radius: 8px; margin: 20px 0;">
372
- <div style="margin-bottom: 15px;">
373
- <strong>Summary:</strong> A blog post about open-source projects, developer skills, and personal projects.
374
- </div>
375
-
376
- <div style="margin-bottom: 15px;">
377
- <strong>📄 Page Type:</strong> Blog Post
378
- </div>
379
-
380
-
381
- <div style="margin-bottom: 15px;">
382
- <strong>🏷️ Key Topics:</strong> open-source projects, developer skills, personal projects
383
- </div>
384
-
385
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-top: 15px;">
386
-
387
- <div><strong>📊 Reading Level:</strong> High school level</div>
388
-
389
-
390
- <div><strong>🎭 Sentiment:</strong> positive</div>
391
-
392
-
393
- <div><strong>🎯 Technical Depth:</strong> beginner</div>
394
-
395
- </div>
396
-
397
-
398
-
399
-
400
-
401
- <div style="margin-top: 20px;">
402
- <strong>🔍 Key Entities:</strong>
403
- <div style="margin-top: 10px; display: grid; gap: 10px;">
404
-
405
- <div style="background: white; padding: 10px; border-radius: 4px; border-left: 3px solid #0ea5e9;">
406
- <strong>Fayeed Pawaskar</strong> (Person|Organization) - 90% relevance
407
- </div>
408
-
409
- </div>
410
- </div>
411
-
412
-
413
-
414
- <div style="margin-top: 20px;">
415
- <strong>❓ Key Questions AI Can Answer:</strong>
416
- <ol style="margin-top: 10px; padding-left: 25px;">
417
-
418
- <li style="margin: 8px 0;"><span style="text-transform: uppercase; font-size: 0.8em; background: #dbeafe; padding: 2px 6px; border-radius: 3px;">basic</span> What is the purpose of a blog post about open-source projects, developer skills, and personal projects?</li>
419
-
420
- <li style="margin: 8px 0;"><span style="text-transform: uppercase; font-size: 0.8em; background: #dbeafe; padding: 2px 6px; border-radius: 3px;">intermediate</span> How does a blog post on open-source projects, developer skills, and personal projects help users understand key topics?</li>
421
-
422
- </ol>
423
- </div>
424
-
425
-
426
-
427
- <div style="margin-top: 20px;">
428
- <strong>💡 Suggested FAQs:</strong>
429
- <div style="margin-top: 10px; display: grid; gap: 15px;">
430
-
431
- <div style="background: white; padding: 15px; border-radius: 4px; border-left: 3px solid #f59e0b;">
432
- <div style="font-weight: 600; margin-bottom: 5px;">Q: Common question?</div>
433
- <div style="color: #64748b;">A: Provides information about various topics related to open-source projects</div>
434
- </div>
435
-
436
- </div>
437
- </div>
438
-
439
- </div>
440
-
441
-
442
-
443
- <h2>📄 Content Chunking Analysis</h2>
444
- <div style="background: #f0fdf4; border: 2px solid #10b981; padding: 20px; border-radius: 8px; margin: 20px 0;">
445
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
446
- <div><strong>Strategy:</strong> heading-based</div>
447
- <div><strong>Total Chunks:</strong> 7</div>
448
- <div><strong>Avg Tokens/Chunk:</strong> 28</div>
449
- <div><strong>Avg Noise:</strong> 5.0%</div>
450
- </div>
451
- </div>
452
-
453
-
454
-
455
- <h2>🔄 Extractability Analysis</h2>
456
- <div style="background: #fef3c7; border: 2px solid #f59e0b; padding: 20px; border-radius: 8px; margin: 20px 0;">
457
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 15px;">
458
- <div><strong>Overall Score:</strong> 100/100</div>
459
- <div><strong>Server-Rendered:</strong> 0%</div>
460
- </div>
461
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px;">
462
- <div><strong>Text Extractable:</strong> 100%</div>
463
- <div><strong>Images Extractable:</strong> 0%</div>
464
- </div>
465
- </div>
466
-
467
-
468
-
469
- <h2>⚠️ Hallucination Risk Assessment</h2>
470
- <div style="background: #fef2f2; border: 2px solid #ef4444; padding: 20px; border-radius: 8px; margin: 20px 0;">
471
- <div style="font-size: 1.5em; font-weight: bold; margin-bottom: 15px;">
472
- Risk Score: 14/100
473
- </div>
474
-
475
-
476
- <div style="margin-top: 20px; background: white; padding: 15px; border-radius: 4px;">
477
- <strong>📊 Fact Check Summary:</strong>
478
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-top: 10px;">
479
- <div>✅ Verified: 8</div>
480
- <div>❓ Unverified: 2</div>
481
- <div>⚠️ Contradictions: 0</div>
482
- <div>🤔 Ambiguities: 0</div>
483
- </div>
484
- </div>
485
-
486
-
487
-
488
- <div style="margin-top: 15px; background: #fef9c3; border-left: 4px solid #eab308; padding: 15px; border-radius: 4px;">
489
- <div style="display: flex; align-items: start; gap: 10px;">
490
- <span style="font-size: 1.5em;">💡</span>
491
- <div>
492
- <div style="font-weight: 600; margin-bottom: 8px;">Why Some Facts Can't Be Verified</div>
493
- <div style="color: #854d0e; margin-bottom: 8px;">
494
- AI systems need external sources to verify claims. When information lacks citations, links, or
495
- references, it becomes difficult to confirm accuracy, increasing the risk of AI hallucination or misinformation.
496
- </div>
497
- <div style="font-weight: 600; margin-top: 12px; margin-bottom: 6px;">Best Practices:</div>
498
- <ul style="margin: 0; padding-left: 20px; color: #854d0e;">
499
- <li>Add source links directly in or near claim text</li>
500
- <li>Include dates for time-sensitive information</li>
501
- <li>Link to authoritative sources (research, official docs)</li>
502
- <li>Provide context for statistics and data points</li>
503
- <li>Use schema.org markup to specify citations</li>
504
- </ul>
505
- </div>
506
- </div>
507
- </div>
508
-
509
-
510
-
511
- <div style="margin-top: 20px;">
512
- <strong>🚨 Identified Triggers:</strong>
513
- <div style="margin-top: 10px; display: grid; gap: 10px;">
514
-
515
- </div>
516
- </div>
517
-
518
-
519
-
520
- <div style="margin-top: 20px;">
521
- <strong>💡 Recommendations:</strong>
522
- <ul style="margin-top: 10px; padding-left: 25px;">
523
- <li style="margin: 5px 0;">2 claims unverifiable by AI - expect potential hallucinations or inaccuracies when AI references your content</li><li style="margin: 5px 0;">8 claims verified by AI knowledge - lower hallucination risk for these facts</li><li style="margin: 5px 0;">Low hallucination risk - content is verifiable and internally consistent</li>
524
- </ul>
525
- </div>
526
-
527
- </div>
528
-
529
-
530
-
531
- <h2>🔍 AI Misunderstanding Check</h2>
532
- <div style="background: #faf5ff; border: 2px solid #a855f7; padding: 20px; border-radius: 8px; margin: 20px 0;">
533
- <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 15px;">
534
- <div><strong>🎯 Alignment Score:</strong> 55/100</div>
535
- <div><strong>📖 Clarity Score:</strong> 86/100</div>
536
- <div><strong>⚠️ Critical Issues:</strong> 1</div>
537
- <div><strong>🟡 Major Issues:</strong> 1</div>
538
- </div>
539
-
540
-
541
- <div style="background: #dbeafe; padding: 16px; border-radius: 8px; margin-bottom: 16px; border: 1px solid #3b82f6;">
542
- <div style="font-weight: bold; margin-bottom: 12px; color: #1e40af;">
543
- 🤖 What AI Actually Understood (85% confident)
544
- </div>
545
-
546
- <div style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;">
547
-
548
- <div>
549
- <div style="font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 4px;">PRODUCT NAME</div>
550
- <div style="font-size: 14px;">Chart Nerd</div>
551
- </div>
552
-
553
-
554
-
555
- <div style="grid-column: 1 / -1;">
556
- <div style="font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 4px;">MAIN PURPOSE</div>
557
- <div style="font-size: 14px;">A tool for generating charts from Notion tables and embedding them in a website.</div>
558
- </div>
559
-
560
-
561
-
562
- <div style="grid-column: 1 / -1;">
563
- <div style="font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 4px;">💎 UNIQUE VALUE</div>
564
- <div style="font-size: 14px; font-weight: 600; color: #7c3aed;">Tailored for developers looking to enhance their website's visual appeal with charts.</div>
565
- </div>
566
-
567
-
568
-
569
- <div>
570
- <div style="font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 4px;">KEY BENEFITS</div>
571
- <ul style="font-size: 14px; margin: 0; padding-left: 20px;">
572
- <li style="margin: 4px 0;">Simplifies chart generation</li><li style="margin: 4px 0;">Improves website accessibility</li>
573
- </ul>
574
- </div>
575
-
576
-
577
-
578
- <div>
579
- <div style="font-size: 11px; font-weight: 600; color: #64748b; margin-bottom: 4px;">KEY FEATURES</div>
580
- <ul style="font-size: 14px; margin: 0; padding-left: 20px;">
581
- <li style="margin: 4px 0;">Generate charts</li><li style="margin: 4px 0;">Embed charts</li>
582
- </ul>
583
- </div>
584
-
585
- </div>
586
- </div>
587
-
588
-
589
-
590
- <div style="margin-top: 20px;">
591
- <strong>Priority Mismatches:</strong>
592
- <div style="margin-top: 10px; display: grid; gap: 10px;">
593
-
594
- <div style="background: white; padding: 15px; border-radius: 4px; border-left: 3px solid #dc2626;">
595
- <div style="font-weight: 600;">🔴 productName</div>
596
- <div style="margin-top: 5px; color: #64748b;">AI interprets the product name as "Chart Nerd" but page metadata suggests "Hi, I am Fayeed Pawaskar - Code Tinkerer & Software Engineer"</div>
597
- <div style="margin-top: 10px; padding: 10px; background: #f0fdfa; border-radius: 4px;">
598
- <strong>Fix:</strong> Ensure H1, title tag, and meta tags consistently use the same product name. Add Schema.org Product markup with clear name.
599
- </div>
600
- </div>
601
-
602
- <div style="background: white; padding: 15px; border-radius: 4px; border-left: 3px solid #f59e0b;">
603
- <div style="font-weight: 600;">🟡 purpose</div>
604
- <div style="margin-top: 5px; color: #64748b;">AI interprets the purpose as "A tool for generating charts from Notion tables and embedding them in a website." which uses different concepts than intended description "I’m an active maintainer for some Open-source projects namely Dash chat,  Flutter Parsed Text & also love to work on small useful web apps in my free time. Recently launched Chart Nerd on Product hunt & it received 250 upvotes and I’m quite proud of it, check it on Product hunt. I believe a good developer is always developing new skills, Challenging assumptions, and seeking feedback in order to grow. I’m open to new opportunities, I mostly work with ReactJS, NodeJS & Flutter, if you think I would be a good fit for your company contact me.I also write when I have something on my mind, checkout some ofmy writings below.". Semantic overlap: 0%</div>
605
- <div style="margin-top: 10px; padding: 10px; background: #f0fdfa; border-radius: 4px;">
606
- <strong>Fix:</strong> Align the meta description, H1 tagline, and opening paragraph to use the same key terms. Make the value proposition crystal clear in the first sentence.
607
- </div>
608
- </div>
609
-
610
- </div>
611
- </div>
612
-
613
-
614
-
615
- <div style="margin-top: 20px;">
616
- <strong>💡 Top Recommendations:</strong>
617
- <ul style="margin-top: 10px; padding-left: 25px;">
618
- <li style="margin: 5px 0;">Ensure H1, title tag, and meta tags consistently use the same product name. Add Schema.org Product markup with clear name.</li><li style="margin: 5px 0;">Align the meta description, H1 tagline, and opening paragraph to use the same key terms. Make the value proposition crystal clear in the first sentence.</li><li style="margin: 5px 0;">Review and align all messaging sources (H1, meta tags, schema markup) to use consistent terminology.</li>
619
- </ul>
620
- </div>
621
-
622
- </div>
623
-
624
-
625
- <h2>⚠️ All Issues (10)</h2>
626
- <div class="issues">
627
-
628
- <div class="issue high">
629
- <div class="issue-title">No Schema.org structured data</div>
630
- <div class="issue-meta">
631
- <span style="text-transform: uppercase; font-weight: 600;">high</span>
632
- · Impact: high
633
- · Category: schema
634
- </div>
635
- <div class="issue-desc">No JSON-LD structured data found</div>
636
- <div class="issue-fix"><strong>Fix:</strong> Add Schema.org structured data using JSON-LD. Consider Organization, Person, Article, Product, or other relevant schemas.</div>
637
- </div>
638
-
639
- <div class="issue high">
640
- <div class="issue-title">Missing main semantic container</div>
641
- <div class="issue-meta">
642
- <span style="text-transform: uppercase; font-weight: 600;">high</span>
643
- · Impact: high
644
- · Category: structure
645
- </div>
646
- <div class="issue-desc">No <main> or <article> element found</div>
647
- <div class="issue-fix"><strong>Fix:</strong> Wrap your main content in a <main> element, or use <article> for article-type content. This helps AI understand what content is most important.</div>
648
- </div>
649
-
650
- <div class="issue high">
651
- <div class="issue-title">Missing canonical tag</div>
652
- <div class="issue-meta">
653
- <span style="text-transform: uppercase; font-weight: 600;">high</span>
654
- · Impact: high
655
- · Category: crawl
656
- </div>
657
- <div class="issue-desc">No canonical tag found</div>
658
- <div class="issue-fix"><strong>Fix:</strong> Add <link rel="canonical" href="..."> to specify the preferred URL version.</div>
659
- </div>
660
-
661
- <div class="issue medium">
662
- <div class="issue-title">Hallucination Trigger: missing fact</div>
663
- <div class="issue-meta">
664
- <span style="text-transform: uppercase; font-weight: 600;">medium</span>
665
- · Impact: medium
666
- · Category: content
667
- </div>
668
- <div class="issue-desc">"Flutter Mentions a simple input widget to add @ mentions functionality." - You know this from your training data as it's mentioned in the content., "Dash chat is a complete and customisable chat UI for Flutter." - You know this from your training data as it's mentioned in the content.</div>
669
- <div class="issue-fix"><strong>Fix:</strong> These facts are not in LLM training data. When AI systems reference your content, they may hallucinate details or provide outdated information. Consider adding context that connects to well-known facts, or expect AI-generated summaries to be less accurate.</div>
670
- </div>
671
-
672
- <div class="issue medium">
673
- <div class="issue-title">Missing or short meta description</div>
674
- <div class="issue-meta">
675
- <span style="text-transform: uppercase; font-weight: 600;">medium</span>
676
- · Impact: medium
677
- · Category: structure
678
- </div>
679
- <div class="issue-desc">Description length: 36 chars</div>
680
- <div class="issue-fix"><strong>Fix:</strong> Add a meta description tag with 150-160 characters that summarizes the page content.</div>
681
- </div>
682
-
683
- <div class="issue medium">
684
- <div class="issue-title">Repetitive text content</div>
685
- <div class="issue-meta">
686
- <span style="text-transform: uppercase; font-weight: 600;">medium</span>
687
- · Impact: medium
688
- · Category: content
689
- </div>
690
- <div class="issue-desc">Repetitive patterns: 3, Wasted tokens: ~7, Example: ".moon__a{fill:#fee97d}.moon__b{fill:#fedf30}..."</div>
691
- <div class="issue-fix"><strong>Fix:</strong> Consolidate repetitive text into a single location. Use references or footnotes instead of repeating the same text multiple times.</div>
692
- </div>
693
-
694
- <div class="issue medium">
695
- <div class="issue-title">Missing OpenGraph meta tags</div>
696
- <div class="issue-meta">
697
- <span style="text-transform: uppercase; font-weight: 600;">medium</span>
698
- · Impact: medium
699
- · Category: structure
700
- </div>
701
- <div class="issue-desc">Missing tags: og:title, og:description, og:image</div>
702
- <div class="issue-fix"><strong>Fix:</strong> Add missing OpenGraph meta tags (og:title, og:description, og:image) to improve how AI agents and social platforms understand your content.</div>
703
- </div>
704
-
705
- <div class="issue low">
706
- <div class="issue-title">Inconsistent large number formatting</div>
707
- <div class="issue-meta">
708
- <span style="text-transform: uppercase; font-weight: 600;">low</span>
709
- · Impact: low
710
- · Category: citation
711
- </div>
712
- <div class="issue-desc">Numbers with commas: 1, Numbers without commas: 18</div>
713
- <div class="issue-fix"><strong>Fix:</strong> Format all large numbers consistently, preferably with comma separators (e.g., 1,000,000) for readability.</div>
714
- </div>
715
-
716
- <div class="issue low">
717
- <div class="issue-title">Missing publish date</div>
718
- <div class="issue-meta">
719
- <span style="text-transform: uppercase; font-weight: 600;">low</span>
720
- · Impact: low
721
- · Category: citation
722
- </div>
723
- <div class="issue-desc">HTTP Last-Modified header: Wed, 07 Jan 2026 06:07:09 GMT</div>
724
- <div class="issue-fix"><strong>Fix:</strong> Add datePublished to Schema.org structured data alongside dateModified.</div>
725
- </div>
726
-
727
- <div class="issue high">
728
- <div class="issue-title">AI Misunderstanding: productName</div>
729
- <div class="issue-meta">
730
- <span style="text-transform: uppercase; font-weight: 600;">high</span>
731
- · Impact: high
732
- · Category: optimization
733
- </div>
734
- <div class="issue-desc">No additional evidence</div>
735
- <div class="issue-fix"><strong>Fix:</strong> Ensure H1, title tag, and meta tags consistently use the same product name. Add Schema.org Product markup with clear name.</div>
736
- </div>
737
-
738
- </div>
739
-
740
-
741
- </div>
742
- </body>
743
- </html>