|
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8"/> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
6 | | - <title>Agents — Localcode</title> |
7 | | - <meta name="description" content="139 specialized agents with auto-dispatch and multi-agent orchestration."/> |
| 6 | + <title>Features — Localcode</title> |
| 7 | + <meta name="description" content="Explore Localcode's features: 139 agents, multi-agent orchestration, local LLM support, plugins, hooks, MCP, and more."/> |
8 | 8 | <link rel="icon" type="image/png" href="assets/favicon.png"/> |
9 | 9 | <link rel="preconnect" href="https://fonts.googleapis.com"/> |
10 | 10 | <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> |
11 | | - <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet"/> |
| 11 | + <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"/> |
12 | 12 | <link rel="stylesheet" href="css/style.css"/> |
13 | 13 | </head> |
14 | 14 | <body> |
15 | | -<div class="hero-bg"></div> |
16 | | -<div class="hero-glow"></div> |
17 | | - |
| 15 | +<div class="hero-bg"></div><div class="hero-glow"></div> |
18 | 16 | <nav id="nav"> |
19 | 17 | <div class="nav-inner"> |
20 | | - <a class="nav-logo" href="index.html"> |
21 | | - <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> |
22 | | - <path d="M12 2L2 7l10 5 10-5-10-5z"/> |
23 | | - <path d="M2 17l10 5 10-5"/> |
24 | | - <path d="M2 12l10 5 10-5"/> |
25 | | - </svg> |
26 | | - <span>Localcode</span> |
27 | | - <span class="nav-ver">v4.0.0</span> |
28 | | - </a> |
29 | | - <ul class="nav-links"> |
30 | | - <li><a href="index.html">Home</a></li> |
31 | | - <li><a href="/features">Features</a></li> |
32 | | - <li><a href="/platforms">Platforms</a></li> |
33 | | - <li><a href="/agents" class="active">Agents</a></li> |
34 | | - <li><a href="/docs">Docs</a></li> |
35 | | - <li><a href="https://github.com/thealxlabs/localcode" target="_blank">GitHub</a></li> |
36 | | - <li><a href="https://github.com/thealxlabs/localcode#readme" target="_blank">Docs</a></li> |
37 | | - <li><a href="/install" class="nav-cta">Install →</a></li> |
38 | | - </ul> |
| 18 | + <a class="nav-logo" href="/"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg><span>Localcode</span></a> |
| 19 | + <div class="nav-links"><a href="/features" class="active">Features</a><a href="/why">Why Localcode</a><a href="/testing">Testing</a><a href="/agents">Agents</a><a href="/docs">Docs</a><a href="https://github.com/thealxlabs/localcode" target="_blank">GitHub</a></div> |
| 20 | + <div class="nav-actions"><a href="https://github.com/thealxlabs/localcode" class="btn btn-secondary">GitHub</a><a href="/install" class="btn btn-primary">Get Localcode</a></div> |
39 | 21 | </div> |
40 | 22 | </nav> |
41 | | - |
42 | | -<div class="page-header"> |
43 | | - <div class="container"> |
44 | | - <div class="section-label">Agents</div> |
45 | | - <h1>139 specialized agents</h1> |
46 | | - <p class="page-sub">Each agent brings deep domain expertise. Auto-dispatched based on your task context — no manual switching required.</p> |
| 23 | +<div class="container" style="padding-top:100px;padding-bottom:6rem"> |
| 24 | + <div class="section-label">Features</div> |
| 25 | + <h1 style="font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.04em;margin-bottom:1rem">Everything you need.<br>Nothing you don't.</h1> |
| 26 | + <p style="color:var(--text-muted);font-size:1rem;line-height:1.7;max-width:600px;margin-bottom:3rem">Localcode packs every feature a serious developer needs.</p> |
| 27 | + <div class="feature-grid" style="margin-bottom:4rem"> |
| 28 | + <div class="feature"><span class="feature-icon">◉</span><h3>100% Local with Ollama</h3><p>Run any Ollama model. No API key. No cloud. Your code never leaves your machine. Free forever.</p><span class="ftag">Free forever</span></div> |
| 29 | + <div class="feature"><span class="feature-icon">🤖</span><h3>139 Specialized Agents</h3><p>From AI engineers to security auditors, database optimizers to DevOps automators. Each with deep domain expertise.</p><span class="ftag">Auto-dispatch</span></div> |
| 30 | + <div class="feature"><span class="feature-icon">🌐</span><h3>Multi-Agent Orchestration</h3><p>NEXUS pipeline coordinates multiple agents through 7 phases with quality gates, Dev↔QA loops, parallel execution.</p><span class="ftag">NEXUS</span></div> |
| 31 | + <div class="feature"><span class="feature-icon">🔧</span><h3>10 Built-in Tools</h3><p>Read/write/patch/delete/move files, run shell commands, list directories, search, find, git operations.</p><span class="ftag">Full toolset</span></div> |
| 32 | + <div class="feature"><span class="feature-icon">🔒</span><h3>Permission System</h3><p>Every file write, patch, or shell command asks first. Configurable per-tool and per-command pattern.</p><span class="ftag">Safety first</span></div> |
| 33 | + <div class="feature"><span class="feature-icon">⧉</span><h3>Multi-Provider Support</h3><p>Ollama, OpenAI, Anthropic, Groq. Switch mid-session. Budget guard auto-falls back to local when limits hit.</p><span class="ftag">Flexibility</span></div> |
| 34 | + <div class="feature"><span class="feature-icon">🔌</span><h3>Plugin System</h3><p>Drop a .js file in ~/.localcode/plugins/ to add custom slash commands. Zero boilerplate.</p><span class="ftag">Extensible</span></div> |
| 35 | + <div class="feature"><span class="feature-icon">⚡</span><h3>Hooks</h3><p>PreToolUse, PostToolUse, and Notification hooks — run custom scripts before or after any tool call.</p><span class="ftag">Automation</span></div> |
| 36 | + <div class="feature"><span class="feature-icon">📡</span><h3>MCP Servers</h3><p>Connect Model Context Protocol servers — both stdio and HTTP transports supported.</p><span class="ftag">Extensible</span></div> |
| 37 | + <div class="feature"><span class="feature-icon">🧠</span><h3>Memory System</h3><p>.localcode.md for global and project memory. Both loaded automatically at startup.</p><span class="ftag">Persistent context</span></div> |
| 38 | + <div class="feature"><span class="feature-icon">🔍</span><h3>TF-IDF Search</h3><p>/index builds a full semantic index of your project for smart context retrieval.</p><span class="ftag">Smart context</span></div> |
| 39 | + <div class="feature"><span class="feature-icon">🎨</span><h3>4 Built-in Themes</h3><p>Dark, Light, Monokai, Nord. Switch with /theme.</p><span class="ftag">Customizable</span></div> |
47 | 40 | </div> |
| 41 | + <div style="text-align:center"><a href="/install" class="btn btn-primary btn-lg">Get Started →</a></div> |
48 | 42 | </div> |
49 | | - |
50 | | -<section class="agents-detail"> |
51 | | - <div class="container"> |
52 | | - <div class="agent-categories"> |
53 | | - <div class="agent-category"> |
54 | | - <h3>💻 Engineering</h3> |
55 | | - <div class="agent-tags"> |
56 | | - <span class="agent-tag">AI Engineer</span><span class="agent-tag">Senior Developer</span><span class="agent-tag">Software Architect</span><span class="agent-tag">Backend Architect</span><span class="agent-tag">Frontend Developer</span><span class="agent-tag">Database Optimizer</span><span class="agent-tag">API Designer</span><span class="agent-tag">Code Reviewer</span><span class="agent-tag">Git Workflow Master</span><span class="agent-tag">Mobile App Builder</span><span class="agent-tag">Full-Stack Developer</span><span class="agent-tag">Performance Engineer</span><span class="agent-tag">+ 18 more</span> |
57 | | - </div> |
58 | | - </div> |
59 | | - <div class="agent-category"> |
60 | | - <h3>🧪 Testing</h3> |
61 | | - <div class="agent-tags"> |
62 | | - <span class="agent-tag">API Tester</span><span class="agent-tag">Test Results Analyzer</span><span class="agent-tag">Reality Checker</span><span class="agent-tag">Test-Driven Developer</span><span class="agent-tag">Integration Tester</span><span class="agent-tag">E2E Test Engineer</span><span class="agent-tag">+ 4 more</span> |
63 | | - </div> |
64 | | - </div> |
65 | | - <div class="agent-category"> |
66 | | - <h3>🔒 Security</h3> |
67 | | - <div class="agent-tags"> |
68 | | - <span class="agent-tag">Security Engineer</span><span class="agent-tag">Threat Detection</span><span class="agent-tag">Compliance Auditor</span><span class="agent-tag">Blockchain Security</span><span class="agent-tag">Penetration Tester</span><span class="agent-tag">+ 3 more</span> |
69 | | - </div> |
70 | | - </div> |
71 | | - <div class="agent-category"> |
72 | | - <h3>⚙️ DevOps</h3> |
73 | | - <div class="agent-tags"> |
74 | | - <span class="agent-tag">DevOps Automator</span><span class="agent-tag">SRE</span><span class="agent-tag">Infrastructure Maintainer</span><span class="agent-tag">Cloud Architect</span><span class="agent-tag">CI/CD Engineer</span><span class="agent-tag">+ 5 more</span> |
75 | | - </div> |
76 | | - </div> |
77 | | - <div class="agent-category"> |
78 | | - <h3>🎨 Design</h3> |
79 | | - <div class="agent-tags"> |
80 | | - <span class="agent-tag">UI Designer</span><span class="agent-tag">UX Researcher</span><span class="agent-tag">UX Architect</span><span class="agent-tag">Brand Guardian</span><span class="agent-tag">+ 2 more</span> |
81 | | - </div> |
82 | | - </div> |
83 | | - <div class="agent-category"> |
84 | | - <h3>📈 Marketing</h3> |
85 | | - <div class="agent-tags"> |
86 | | - <span class="agent-tag">Growth Hacker</span><span class="agent-tag">Content Creator</span><span class="agent-tag">SEO Specialist</span><span class="agent-tag">Social Media Strategist</span><span class="agent-tag">+ 2 more</span> |
87 | | - </div> |
88 | | - </div> |
89 | | - <div class="agent-category"> |
90 | | - <h3>📦 Product</h3> |
91 | | - <div class="agent-tags"> |
92 | | - <span class="agent-tag">Product Trend Researcher</span><span class="agent-tag">Sprint Prioritizer</span><span class="agent-tag">Feedback Synthesizer</span><span class="agent-tag">+ 1 more</span> |
93 | | - </div> |
94 | | - </div> |
95 | | - <div class="agent-category"> |
96 | | - <h3>🎯 Strategy</h3> |
97 | | - <div class="agent-tags"> |
98 | | - <span class="agent-tag">NEXUS Orchestrator</span><span class="agent-tag">Project Manager</span><span class="agent-tag">Technical Lead</span><span class="agent-tag">+ 1 more</span> |
99 | | - </div> |
100 | | - </div> |
101 | | - </div> |
102 | | - |
103 | | - <div class="agent-how"> |
104 | | - <h2>How agents work</h2> |
105 | | - <div class="agent-how-grid"> |
106 | | - <div class="agent-how-step"> |
107 | | - <div class="ah-num">1</div> |
108 | | - <h3>Describe your task</h3> |
109 | | - <p>Just tell Localcode what you need. No agent selection required.</p> |
110 | | - </div> |
111 | | - <div class="agent-how-step"> |
112 | | - <div class="ah-num">2</div> |
113 | | - <h3>Auto-dispatch</h3> |
114 | | - <p>Localcode analyzes your task and automatically activates the right agents based on keywords and context.</p> |
115 | | - </div> |
116 | | - <div class="agent-how-step"> |
117 | | - <div class="ah-num">3</div> |
118 | | - <h3>Orchestrate</h3> |
119 | | - <p>Multiple agents work in parallel through the NEXUS pipeline with quality gates between each phase.</p> |
120 | | - </div> |
121 | | - <div class="agent-how-step"> |
122 | | - <div class="ah-num">4</div> |
123 | | - <h3>Synthesize</h3> |
124 | | - <p>All agent outputs are synthesized into a coherent result. Failed tasks are automatically retried.</p> |
125 | | - </div> |
126 | | - </div> |
127 | | - </div> |
128 | | - </div> |
129 | | -</section> |
130 | | - |
131 | | -<div id="install"> |
132 | | - <div class="inner reveal"> |
133 | | - <div class="section-label" style="justify-content:center">Get started</div> |
134 | | - <h2 style="font-size:clamp(2rem,5vw,3.2rem)">Ready to try it?</h2> |
135 | | - <div class="install-methods"> |
136 | | - <div class="imethod"> |
137 | | - <div class="imethod-label">Global install</div> |
138 | | - <div class="ibox"> |
139 | | - <span class="icmd">npm install -g @localcode/cli</span> |
140 | | - <button class="cpbtn" onclick="cp(this,'npm install -g @localcode/cli')">copy</button> |
141 | | - </div> |
142 | | - </div> |
143 | | - <div class="imethod"> |
144 | | - <div class="imethod-label">No install</div> |
145 | | - <div class="ibox"> |
146 | | - <span class="icmd">npx @localcode/cli</span> |
147 | | - <button class="cpbtn" onclick="cp(this,'npx @localcode/cli')">copy</button> |
148 | | - </div> |
149 | | - </div> |
150 | | - </div> |
151 | | - </div> |
152 | | -</div> |
153 | | - |
154 | | -<footer> |
155 | | - <div class="footer-links"> |
156 | | - <span><a href="index.html" style="color:var(--text-secondary)">Localcode</a> v4.0.0</span> |
157 | | - <a href="/features">Features</a> |
158 | | - <a href="/platforms">Platforms</a> |
159 | | - <a href="/agents">Agents</a> |
160 | | - <a href="/docs">Docs</a> |
161 | | - <a href="https://github.com/thealxlabs/localcode" target="_blank">⎇ GitHub</a> |
162 | | - <a href="https://npmjs.com/package/@localcode/cli" target="_blank">npm</a> |
163 | | - </div> |
164 | | - <span>Built by <a href="https://github.com/thealxlabs" target="_blank">TheAlxLabs</a> · MIT License</span> |
165 | | -</footer> |
166 | | - |
| 43 | +<footer><div class="container"><div class="footer-grid"><div class="footer-col"><h4>Localcode</h4><p>The open-source AI coding agent by TheAlxLabs.</p></div><div class="footer-col"><h4>Product</h4><a href="/features">Features</a><a href="/why">Why Localcode</a><a href="/testing">Testing</a><a href="/agents">Agents</a></div><div class="footer-col"><h4>Resources</h4><a href="/docs">Documentation</a><a href="https://github.com/thealxlabs/localcode/blob/main/CONTRIBUTING.md">Contributing</a><a href="https://github.com/thealxlabs/localcode/blob/main/SECURITY.md">Security</a></div><div class="footer-col"><h4>Connect</h4><a href="https://github.com/thealxlabs/localcode">GitHub</a><a href="#">Discord</a><a href="mailto:hello@thealxlabs.com">Contact</a></div></div><div class="footer-bottom"><p>© 2026 TheAlxLabs. MIT License.</p></div></div></footer> |
167 | 44 | <script src="js/main.js"></script> |
168 | 45 | </body> |
169 | 46 | </html> |
0 commit comments