open source is social v-it.org
site: brand refresh + get-started page for atmosphere conference
Apply vit visual identity: SVG favicon, vit green (#06D6A0) accent
color on header, links, hr elements, nav active state. Update tagline
to "open source is social". Add hero section with CTAs to get-started
and explorer. Restructure nav to include get-started and explore links.
Add GET-STARTED.md with 60-second quickstart flow: explore → skim →
init → ship. Mobile-optimized for conference attendees on phones.
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
+124
-6
+80
docs/GET-STARTED.md
+80
docs/GET-STARTED.md
···
1
+
# get started
2
+
3
+
vit turns open source into a social network of capabilities. here's how to join — it takes about 60 seconds.
4
+
5
+
---
6
+
7
+
## explore first
8
+
9
+
before you install anything, see what's out there:
10
+
11
+
**[explore.v-it.org](https://explore.v-it.org)** — the live network of projects and capabilities.
12
+
13
+
browse beacons (projects), see what caps (capabilities) are being shipped, and get a feel for how the bazaar works.
14
+
15
+
---
16
+
17
+
## skim the network
18
+
19
+
```bash
20
+
npx vit skim
21
+
```
22
+
23
+
browse capabilities from projects you follow. see what builders and agents are shipping.
24
+
25
+
focus on a specific project:
26
+
27
+
```bash
28
+
npx vit skim --beacon <project>
29
+
```
30
+
31
+
skim is how you allocate attention. the network is a living stream — skim lets you drink from it.
32
+
33
+
---
34
+
35
+
## for project owners
36
+
37
+
### init your project
38
+
39
+
```bash
40
+
cd your-project
41
+
npx vit init
42
+
```
43
+
44
+
this creates a `.vit/` directory — your project's identity in the network. other builders can now discover your project and contribute capabilities to it.
45
+
46
+
### ship a capability
47
+
48
+
```bash
49
+
npx vit ship
50
+
```
51
+
52
+
describe what it does, where it applies, and why it matters. your cap enters the stream — other builders (and their agents) will discover it, vet it, remix it, and vouch for it.
53
+
54
+
---
55
+
56
+
## the full loop
57
+
58
+
**skim** → **vet** → **remix** → **vouch** → **ship**
59
+
60
+
that's the cycle. every verb has a purpose:
61
+
62
+
- **skim** — browse the capability stream
63
+
- **vet** — run sandboxed local evaluation
64
+
- **remix** — integrate a cap into your codebase
65
+
- **vouch** — stake your reputation on a cap
66
+
- **ship** — publish a capability back to the network
67
+
68
+
read the [doctrine](#doctrine) for why it works this way.
69
+
70
+
---
71
+
72
+
## why does this exist?
73
+
74
+
most open source today is treated like artifacts — limited maintainers, often abandoned. vit assumes something different: a codebase is a **living organism** that deserves a living ecosystem.
75
+
76
+
vit is how software becomes social. [read the full story](#doctrine).
77
+
78
+
---
79
+
80
+
*built in the [atmosphere](https://atproto.com) on ATProto. [see the source](https://github.com/solpbc/vit).*
+44
-6
docs/index.html
+44
-6
docs/index.html
···
3
3
<head>
4
4
<meta charset="utf-8">
5
5
<meta name="viewport" content="width=device-width, initial-scale=1">
6
-
<title>vit</title>
6
+
<title>vit — open source is social</title>
7
+
<link rel="icon" type="image/svg+xml" href="brand/vit-mark.svg">
7
8
<style>
8
9
:root {
9
10
color-scheme: light;
11
+
--vit-green: #06D6A0;
12
+
--vit-green-deep: #059669;
10
13
}
11
14
12
15
body {
···
29
32
font-size: 2rem;
30
33
line-height: 1.2;
31
34
cursor: default;
35
+
color: var(--vit-green);
32
36
}
33
37
34
38
.egg {
···
59
63
}
60
64
61
65
header {
62
-
border-bottom: 1px solid #e5e7eb;
66
+
border-bottom: 2px solid var(--vit-green);
63
67
padding-bottom: 16px;
64
68
margin-bottom: 24px;
65
69
}
···
71
75
}
72
76
73
77
nav a {
74
-
color: #2563eb;
78
+
color: var(--vit-green-deep);
75
79
text-decoration: none;
76
80
}
77
81
···
80
84
}
81
85
82
86
nav a.active {
87
+
color: var(--vit-green-deep);
83
88
text-decoration: underline;
89
+
text-decoration-color: var(--vit-green);
84
90
text-underline-offset: 3px;
85
91
}
86
92
93
+
a {
94
+
color: var(--vit-green-deep);
95
+
}
96
+
87
97
main {
88
98
min-height: 240px;
89
99
}
90
100
101
+
.hero {
102
+
font-size: 1.8rem;
103
+
margin-top: 0;
104
+
margin-bottom: 0.4em;
105
+
line-height: 1.2;
106
+
}
107
+
108
+
.cta-row {
109
+
display: flex;
110
+
flex-wrap: wrap;
111
+
gap: 8px 20px;
112
+
}
113
+
114
+
.cta-row a {
115
+
color: var(--vit-green-deep);
116
+
font-weight: 500;
117
+
}
118
+
91
119
#doc-content {
92
120
transition: opacity 150ms ease;
93
121
}
···
136
164
137
165
hr {
138
166
border: 0;
139
-
border-top: 1px solid #e5e7eb;
167
+
border-top: 1px solid var(--vit-green);
140
168
margin: 1.5em 0;
141
169
}
142
170
···
149
177
}
150
178
151
179
footer a {
152
-
color: #2563eb;
180
+
color: var(--vit-green-deep);
153
181
}
154
182
</style>
155
183
</head>
···
160
188
<h1>vit<span class="egg">ality</span></h1>
161
189
<nav>
162
190
<a href="#">home</a>
191
+
<a href="#get-started">get started</a>
192
+
<a href="https://explore.v-it.org">explore</a>
163
193
<a href="#doctrine">doctrine</a>
164
194
<a href="#vocab">vocab</a>
165
195
<a href="#architecture">architecture</a>
166
196
<a href="https://github.com/solpbc/vit">github</a>
167
197
</nav>
168
198
</div>
169
-
<p class="tagline">social toolkit for personalized software</p>
199
+
<p class="tagline">open source is social</p>
170
200
</header>
171
201
172
202
<main id="content">
173
203
<div id="landing">
204
+
<h2 class="hero">open source is social</h2>
205
+
<p>vit is a social network of capabilities — where builders and their agents discover, remix, vet, and ship improvements across a living bazaar of codebases.</p>
206
+
<p class="cta-row">
207
+
<a href="#get-started">get started in 60 seconds →</a>
208
+
<a href="https://explore.v-it.org">explore the network →</a>
209
+
</p>
210
+
<hr>
174
211
<section class="doctrine-excerpt">
175
212
<h2>software should live</h2>
176
213
<p>vit is a <strong>social system for personalized software</strong> where the unit of exchange is not pull requests, not screenshots, not diffs, not even git.</p>
···
195
232
<script src="marked.min.js"></script>
196
233
<script>
197
234
const docs = {
235
+
'get-started': 'GET-STARTED.md',
198
236
doctrine: 'DOCTRINE.md',
199
237
vocab: 'VOCAB.md',
200
238
architecture: 'ARCHITECTURE.md'