feat(homepage): update features, install, and footer for v2.0.0

Expand feature cards from 3 to 6 covering new capabilities across
v1.2.0–v2.0.0 releases. Update install note and footer tagline to
reflect multi-platform support.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Lum1104
2026-03-29 11:34:18 +08:00
Unverified
parent f9fada25f6
commit 5bd8eb7c8d
3 changed files with 24 additions and 9 deletions
+22 -7
View File
@@ -3,17 +3,32 @@ const features = [
{
icon: '◈',
title: 'Interactive Knowledge Graph',
description: 'Visualize files, functions, and dependencies as an explorable graph with smart layout.',
description: 'Visualize files, functions, and dependencies as an explorable graph with hierarchical drill-down and smart layout.',
},
{
icon: '',
title: 'Plain-English Summaries',
description: 'Every node explained in language anyone can understand — from junior devs to product managers.',
icon: '',
title: 'Beyond Code Analysis',
description: 'Analyze your entire project — Dockerfiles, Terraform, SQL, Markdown, and 26+ file types mapped into one unified graph.',
},
{
icon: '⊘',
title: 'Smart Filtering & Search',
description: 'Filter by node type, complexity, layer, or edge category. Fuzzy and semantic search to find anything instantly.',
},
{
icon: '⎙',
title: 'Export & Share',
description: 'Export your knowledge graph as high-quality PNG, SVG, or filtered JSON — ready for docs, presentations, or further analysis.',
},
{
icon: '⟿',
title: 'Dependency Path Finder',
description: 'Find the shortest path between any two components. Understand how parts of your system connect at a glance.',
},
{
icon: '⟐',
title: 'Guided Tours',
description: 'AI-generated walkthroughs that teach you the codebase step by step.',
title: 'Guided Tours & Onboarding',
description: 'AI-generated walkthroughs that teach the codebase step by step, plus onboarding guides for new team members.',
},
];
---
@@ -21,7 +36,7 @@ const features = [
<section class="features">
<div class="features-grid">
{features.map((f, i) => (
<div class={`feature-card reveal reveal-delay-${i + 1}`}>
<div class={`feature-card reveal reveal-delay-${(i % 3) + 1}`}>
<span class="feature-icon">{f.icon}</span>
<h3 class="feature-title">{f.title}</h3>
<p class="feature-desc">{f.description}</p>
+1 -1
View File
@@ -10,7 +10,7 @@ const githubUrl = 'https://github.com/Lum1104/Understand-Anything';
<span class="footer-sep">·</span>
<a href={`${githubUrl}/blob/main/LICENSE`} target="_blank" rel="noopener noreferrer">License</a>
</div>
<p class="footer-note">Built as a Claude Code plugin</p>
<p class="footer-note">Built for AI coding assistants</p>
</div>
</footer>
+1 -1
View File
@@ -10,7 +10,7 @@
<span class="cmd">/plugin install</span> understand-anything
<span class="cmd">/understand</span></code></pre>
</div>
<p class="install-note">Works with <strong>Claude Code</strong> — Anthropic's official CLI for Claude.</p>
<p class="install-note">Works with <strong>Claude Code</strong>, <strong>Codex</strong>, <strong>OpenCode</strong>, <strong>Gemini CLI</strong>, and more.</p>
</div>
</section>