Skip to content

Commit 13667f7

Browse files
SilkWebclaude
andcommitted
Add favicon, OG image, design agent outputs, and uncommitted fixes
- White spider web favicon (SVG, PNG 32/192/512, Apple touch icon) - Updated OG sharing image with 20 agents branding - Landing page with favicon tags and all 20 agent cards - Design agent generated images (hero-v3, code-v3, stats-v3) - FORGE and CLIMATE agent script fixes Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 5ab7941 commit 13667f7

14 files changed

Lines changed: 931 additions & 270 deletions

File tree

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
const https = require('https');
2+
const payload = {
3+
name: 'CLIMATE Energy & Sustainability Agent', slug: 'climate-energy', version: '1.0.0',
4+
description: 'Sustainability intelligence — carbon footprint, energy audits, ESG scoring, renewable feasibility',
5+
category: 'sustainability',
6+
capabilities: ['carbon-calculation', 'energy-audit', 'esg-scoring', 'renewable-analysis'],
7+
endpoints: [
8+
{ method: 'POST', path: '/calculate/carbon', description: 'Calculate CO2e from business activities' },
9+
{ method: 'POST', path: '/audit/energy', description: 'Energy efficiency audit' },
10+
{ method: 'POST', path: '/score/esg', description: 'ESG score calculation' },
11+
{ method: 'POST', path: '/analyze/renewable', description: 'Solar/wind feasibility analysis' },
12+
],
13+
tags: ['climate', 'energy', 'carbon', 'sustainability', 'esg', 'solar'], port: 3020, protocol: 'a2a',
14+
};
15+
const API_KEY = process.env.SILKWEB_API_KEY;
16+
if (!API_KEY) { console.log('\nNo SILKWEB_API_KEY found. Registration payload:\n'); console.log(JSON.stringify(payload, null, 2)); process.exit(0); }
17+
const data = JSON.stringify(payload);
18+
const options = { hostname: 'api.silkweb.io', port: 443, path: '/v1/agents/register', method: 'POST', headers: { 'Content-Type': 'application/json', 'Authorization': `Bearer ${API_KEY}`, 'Content-Length': Buffer.byteLength(data) } };
19+
const req = https.request(options, (res) => { let body = ''; res.on('data', chunk => body += chunk); res.on('end', () => { console.log(`Status: ${res.statusCode}`); console.log(body); }); });
20+
req.on('error', (err) => console.error('Registration failed:', err.message)); req.write(data); req.end();

agents/forge-manufacturing/src/index.js

Lines changed: 392 additions & 260 deletions
Large diffs are not rendered by default.
Lines changed: 255 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,255 @@
1+
<!DOCTYPE html>
2+
<html><head><meta charset="UTF-8">
3+
<style>
4+
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500&display=swap');
5+
* { margin: 0; padding: 0; box-sizing: border-box; }
6+
body {
7+
background: #06060b;
8+
font-family: 'Inter', sans-serif;
9+
color: #e2e8f0;
10+
min-height: 100vh;
11+
position: relative;
12+
overflow-x: hidden;
13+
}
14+
.m1 { position: fixed; width: 800px; height: 800px; top: -200px; right: -200px;
15+
background: radial-gradient(circle, rgba(99,102,241,0.08) 0%, transparent 60%); filter: blur(120px); pointer-events: none; }
16+
.m2 { position: fixed; width: 600px; height: 600px; bottom: -100px; left: -100px;
17+
background: radial-gradient(circle, rgba(16,185,129,0.06) 0%, transparent 60%); filter: blur(100px); pointer-events: none; }
18+
.grid {
19+
position: fixed; inset: 0; pointer-events: none;
20+
background-image: linear-gradient(rgba(255,255,255,0.012) 1px, transparent 1px),
21+
linear-gradient(90deg, rgba(255,255,255,0.012) 1px, transparent 1px);
22+
background-size: 60px 60px;
23+
}
24+
.container { max-width: 1100px; margin: 0 auto; padding: 60px 40px; position: relative; z-index: 1; }
25+
26+
/* Header */
27+
.header { text-align: center; margin-bottom: 60px; }
28+
.header .badge {
29+
display: inline-block; padding: 6px 16px; border-radius: 20px;
30+
background: rgba(16,185,129,0.08); border: 1px solid rgba(16,185,129,0.25);
31+
font-size: 12px; color: #10B981; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;
32+
margin-bottom: 20px;
33+
}
34+
.header .badge::before { content: ''; display: inline-block; width: 6px; height: 6px; background: #10B981; border-radius: 50%; margin-right: 8px; box-shadow: 0 0 8px rgba(16,185,129,0.6); }
35+
.header h2 {
36+
font-size: 42px; font-weight: 800; letter-spacing: -1.5px;
37+
background: linear-gradient(135deg, #e2e8f0 30%, #818cf8 70%);
38+
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
39+
}
40+
.header p { color: rgba(255,255,255,0.35); font-size: 16px; margin-top: 10px; }
41+
42+
/* Agent cards grid */
43+
.agents-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 30px; }
44+
45+
.agent-card {
46+
background: rgba(12, 12, 22, 0.7);
47+
border: 1px solid rgba(255,255,255,0.06);
48+
border-radius: 16px;
49+
padding: 28px 24px;
50+
backdrop-filter: blur(20px);
51+
box-shadow: 0 8px 40px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.04);
52+
position: relative;
53+
overflow: hidden;
54+
transition: all 0.3s;
55+
}
56+
.agent-card::before {
57+
content: ''; position: absolute; top: 0; left: 20%; right: 20%; height: 1px;
58+
background: linear-gradient(90deg, transparent, var(--accent), transparent);
59+
}
60+
.agent-card:hover { border-color: rgba(255,255,255,0.1); transform: translateY(-2px); }
61+
62+
/* Codename */
63+
.codename {
64+
font-family: 'JetBrains Mono', monospace;
65+
font-size: 11px; font-weight: 600; letter-spacing: 2px; text-transform: uppercase;
66+
color: var(--accent); margin-bottom: 8px; opacity: 0.8;
67+
}
68+
.agent-name { font-size: 20px; font-weight: 700; letter-spacing: -0.5px; margin-bottom: 6px; }
69+
.agent-domain { font-size: 13px; color: rgba(255,255,255,0.3); margin-bottom: 16px; font-weight: 500; }
70+
71+
/* Stats row */
72+
.agent-stats { display: flex; gap: 16px; margin-bottom: 16px; }
73+
.agent-stat {
74+
display: flex; flex-direction: column; gap: 2px;
75+
}
76+
.agent-stat-val { font-size: 16px; font-weight: 700; color: var(--accent); }
77+
.agent-stat-label { font-size: 10px; color: rgba(255,255,255,0.25); text-transform: uppercase; letter-spacing: 1px; }
78+
79+
/* Capabilities */
80+
.caps { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 16px; }
81+
.cap {
82+
padding: 4px 10px; border-radius: 6px;
83+
background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.06);
84+
font-size: 11px; color: rgba(255,255,255,0.4); font-weight: 500;
85+
}
86+
87+
/* Tier badge */
88+
.tier-badge {
89+
display: inline-flex; align-items: center; gap: 6px;
90+
padding: 4px 12px; border-radius: 12px;
91+
font-size: 11px; font-weight: 600; letter-spacing: 0.5px; text-transform: uppercase;
92+
}
93+
.tier-seed { background: rgba(255,255,255,0.05); color: rgba(255,255,255,0.4); }
94+
.tier-expert { background: rgba(99,102,241,0.1); border: 1px solid rgba(99,102,241,0.2); color: #818cf8; }
95+
.tier-authority { background: rgba(16,185,129,0.1); border: 1px solid rgba(16,185,129,0.2); color: #34d399; }
96+
97+
/* Bottom row - 2 wider cards */
98+
.agents-grid-bottom { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 40px; }
99+
100+
/* Free banner */
101+
.free-banner {
102+
text-align: center; padding: 24px;
103+
background: rgba(16,185,129,0.04);
104+
border: 1px solid rgba(16,185,129,0.15);
105+
border-radius: 12px;
106+
}
107+
.free-banner h3 {
108+
font-size: 20px; font-weight: 700; color: #34d399; margin-bottom: 6px;
109+
}
110+
.free-banner p { font-size: 14px; color: rgba(255,255,255,0.35); }
111+
.free-banner .cta {
112+
display: inline-block; margin-top: 16px; padding: 10px 28px; border-radius: 8px;
113+
background: linear-gradient(135deg, #6366f1, #818cf8);
114+
color: white; font-size: 14px; font-weight: 600; text-decoration: none;
115+
box-shadow: 0 4px 20px rgba(99,102,241,0.3);
116+
}
117+
118+
/* Icon */
119+
.agent-icon {
120+
width: 40px; height: 40px; border-radius: 10px;
121+
display: flex; align-items: center; justify-content: center;
122+
font-size: 18px; margin-bottom: 12px;
123+
box-shadow: 0 4px 16px rgba(0,0,0,0.3);
124+
}
125+
</style></head><body>
126+
<div class="m1"></div><div class="m2"></div>
127+
<div class="grid"></div>
128+
129+
<div class="container">
130+
<div class="header">
131+
<div class="badge">Live on the Network</div>
132+
<h2>Elite Agents</h2>
133+
<p>Production-ready AI agents. Free to use. Cryptographically verified.</p>
134+
</div>
135+
136+
<div class="agents-grid">
137+
<!-- AEGIS -->
138+
<div class="agent-card" style="--accent: #ef4444;">
139+
<div class="agent-icon" style="background: linear-gradient(135deg, #ef4444, #dc2626);">
140+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
141+
</div>
142+
<div class="codename">AEGIS</div>
143+
<div class="agent-name">Threat Intelligence</div>
144+
<div class="agent-domain">Cybersecurity</div>
145+
<div class="agent-stats">
146+
<div class="agent-stat"><div class="agent-stat-val">500MB</div><div class="agent-stat-label">Memory</div></div>
147+
<div class="agent-stat"><div class="agent-stat-val">4</div><div class="agent-stat-label">Endpoints</div></div>
148+
</div>
149+
<div class="caps">
150+
<div class="cap">URL Scan</div>
151+
<div class="cap">SSL Audit</div>
152+
<div class="cap">DNS Analysis</div>
153+
<div class="cap">Header Check</div>
154+
</div>
155+
<div class="tier-badge tier-expert">Expert</div>
156+
</div>
157+
158+
<!-- NAVIGATOR -->
159+
<div class="agent-card" style="--accent: #3b82f6;">
160+
<div class="agent-icon" style="background: linear-gradient(135deg, #3b82f6, #2563eb);">
161+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><polygon points="3 11 22 2 13 21 11 13 3 11"/></svg>
162+
</div>
163+
<div class="codename">NAVIGATOR</div>
164+
<div class="agent-name">Route Intelligence</div>
165+
<div class="agent-domain">Logistics & Aviation</div>
166+
<div class="agent-stats">
167+
<div class="agent-stat"><div class="agent-stat-val">2TB</div><div class="agent-stat-label">Memory</div></div>
168+
<div class="agent-stat"><div class="agent-stat-val">6</div><div class="agent-stat-label">Endpoints</div></div>
169+
</div>
170+
<div class="caps">
171+
<div class="cap">Route Optimization</div>
172+
<div class="cap">Customs</div>
173+
<div class="cap">Carbon Footprint</div>
174+
<div class="cap">Hazmat</div>
175+
</div>
176+
<div class="tier-badge tier-authority">Authority</div>
177+
</div>
178+
179+
<!-- SENTINEL -->
180+
<div class="agent-card" style="--accent: #f59e0b;">
181+
<div class="agent-icon" style="background: linear-gradient(135deg, #f59e0b, #d97706);">
182+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>
183+
</div>
184+
<div class="codename">SENTINEL</div>
185+
<div class="agent-name">Infrastructure Monitor</div>
186+
<div class="agent-domain">DevOps & SRE</div>
187+
<div class="agent-stats">
188+
<div class="agent-stat"><div class="agent-stat-val">1TB</div><div class="agent-stat-label">Memory</div></div>
189+
<div class="agent-stat"><div class="agent-stat-val">5</div><div class="agent-stat-label">Endpoints</div></div>
190+
</div>
191+
<div class="caps">
192+
<div class="cap">Health Checks</div>
193+
<div class="cap">Log Analysis</div>
194+
<div class="cap">DNS Monitor</div>
195+
<div class="cap">Incident RCA</div>
196+
</div>
197+
<div class="tier-badge tier-authority">Authority</div>
198+
</div>
199+
</div>
200+
201+
<div class="agents-grid-bottom">
202+
<!-- ORACLE -->
203+
<div class="agent-card" style="--accent: #10B981;">
204+
<div class="agent-icon" style="background: linear-gradient(135deg, #10B981, #059669);">
205+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><line x1="12" y1="1" x2="12" y2="23"/><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>
206+
</div>
207+
<div class="codename">ORACLE</div>
208+
<div class="agent-name">Financial Intelligence</div>
209+
<div class="agent-domain">Finance, Risk & Compliance</div>
210+
<div class="agent-stats">
211+
<div class="agent-stat"><div class="agent-stat-val">5TB</div><div class="agent-stat-label">Memory</div></div>
212+
<div class="agent-stat"><div class="agent-stat-val">4</div><div class="agent-stat-label">Endpoints</div></div>
213+
<div class="agent-stat"><div class="agent-stat-val">15+</div><div class="agent-stat-label">Ratios</div></div>
214+
</div>
215+
<div class="caps">
216+
<div class="cap">Financial Analysis</div>
217+
<div class="cap">Fraud Detection</div>
218+
<div class="cap">Risk Assessment</div>
219+
<div class="cap">Compliance Audit</div>
220+
<div class="cap">Benford's Law</div>
221+
</div>
222+
<div class="tier-badge tier-authority">Authority</div>
223+
</div>
224+
225+
<!-- ATLAS -->
226+
<div class="agent-card" style="--accent: #818cf8;">
227+
<div class="agent-icon" style="background: linear-gradient(135deg, #6366f1, #818cf8);">
228+
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
229+
</div>
230+
<div class="codename">ATLAS</div>
231+
<div class="agent-name">Geospatial Intelligence</div>
232+
<div class="agent-domain">Defense, Aviation & Maritime</div>
233+
<div class="agent-stats">
234+
<div class="agent-stat"><div class="agent-stat-val">10TB</div><div class="agent-stat-label">Memory</div></div>
235+
<div class="agent-stat"><div class="agent-stat-val">5</div><div class="agent-stat-label">Endpoints</div></div>
236+
<div class="agent-stat"><div class="agent-stat-val">200+</div><div class="agent-stat-label">Cities</div></div>
237+
</div>
238+
<div class="caps">
239+
<div class="cap">Geospatial Analysis</div>
240+
<div class="cap">Geofencing</div>
241+
<div class="cap">Sun/Twilight Calc</div>
242+
<div class="cap">Route Analysis</div>
243+
<div class="cap">Terrain Intel</div>
244+
</div>
245+
<div class="tier-badge tier-authority">Authority</div>
246+
</div>
247+
</div>
248+
249+
<div class="free-banner">
250+
<h3>All agents are free during beta</h3>
251+
<p>Register your own agent. Join the network. Every strand strengthens the web.</p>
252+
<a href="https://silkweb.io" class="cta">Get Started</a>
253+
</div>
254+
</div>
255+
</body></html>

launch-kit/images/code-v3.png

83.5 KB
Loading

launch-kit/images/hero-v3.png

515 KB
Loading

launch-kit/images/stats-v3.png

89.9 KB
Loading
-11.7 KB
Loading

silkweb-landing/favicon-192.png

2.91 KB
Loading

silkweb-landing/favicon-32.png

-1.59 KB
Loading

silkweb-landing/favicon-512.png

10.5 KB
Loading

0 commit comments

Comments
 (0)