website/ai-coding-assistant-macos.html at main · SyntheticAutonomicMind/website · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI Coding Assistant for macOS | SAM - Code Understanding & Refactoring</title>
    <meta name="description" content="SAM is an AI coding assistant for macOS that understands entire codebases, refactors across thousands of files, and runs autonomous coding agents. Works offline or with cloud providers.">
    <meta name="keywords" content="AI coding assistant macOS, code refactoring Mac, autonomous coding agent, SAM">
    <meta name="author" content="Andrew Wyatt (Fewtarius)">
    <link rel="canonical" href="https://www.syntheticautonomicmind.org/ai-coding-assistant-macos.html">
    <link rel="stylesheet" href="css/styles.css?v=7">
</head>
<body>
    <!-- Navigation -->
    <nav class="navbar">
        <div class="container">
            <a href="/" class="nav-brand">
                <img src="images/sam4.png" alt="SAM" class="nav-logo">
                <span class="logo">Synthetic Autonomic Mind</span>
            </a>
            <div class="nav-menu" id="navMenu">
                <a href="/#features">Features</a>
                <a href="/#documentation">Docs</a>
                <a href="/#community">Community</a>
                <a href="/#get-started" class="nav-download">Download</a>
            </div>
            <div class="hamburger" id="hamburger">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- Hero Section -->
    <section class="hero-modern">
        <div class="container-wide">
            <div class="hero-modern-content">
                <div class="eyebrow" style="color: var(--primary-blue); margin-bottom: 24px;">SAM for Developers</div>
                <h1>AI coding assistant that understands your entire codebase.</h1>
                <p class="hero-lead">Point SAM at your project and it reads across thousands of files. Refactor complex systems, understand dependencies, and run autonomous coding agents. Native macOS app with full privacy.</p>
                <div class="hero-cta">
                    <a href="https://github.com/SyntheticAutonomicMind/SAM/releases/latest" class="btn-large btn-primary" target="_blank">
                        Download SAM
                    </a>
                    <a href="docs/SAM/end-user/getting-started.html" class="btn-large btn-secondary">
                        Read the Guide
                    </a>
                </div>
                <p class="hero-note">Free and open source. macOS 14.0 or later.</p>
            </div>
        </div>
    </section>

    <!-- Product Image -->
    <section class="feature-highlight">
        <div class="container">
            <div style="text-align: center;">
                <img src="images/sam.png" alt="SAM" style="max-width: 480px; width: 100%; height: auto;">
            </div>
        </div>
    </section>

    <!-- Key Capabilities -->
    <section class="feature-highlight alt">
        <div class="container">
            <h2 class="section-title-centered">Built for serious development work.</h2>

            <div class="features-grid-modern">
                <div class="feature-item-modern">
                    <h3>Reads entire codebases</h3>
                    <p>SAM understands your project structure. Point it at your repo and it reads across thousands of files with full context.</p>
                </div>

                <div class="feature-item-modern">
                    <h3>Refactor with confidence</h3>
                    <p>Make changes across multiple files. SAM tracks dependencies, updates imports, and maintains consistency.</p>
                </div>

                <div class="feature-item-modern">
                    <h3>Autonomous coding agents</h3>
                    <p>Launch agents that work independently. Up to 300 iterations per task. Implement features while you focus on architecture.</p>
                </div>

                <div class="feature-item-modern">
                    <h3>Terminal integration</h3>
                    <p>Execute shell commands, run tests, check build status. SAM orchestrates your entire development workflow.</p>
                </div>

                <div class="feature-item-modern">
                    <h3>Code intelligence</h3>
                    <p>Search by symbol, find usages, understand call graphs. Built-in tools for code analysis and navigation.</p>
                </div>

                <div class="feature-item-modern">
                    <h3>Multi-language support</h3>
                    <p>Works with any programming language. From Swift to Python to JavaScript - SAM understands them all.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- Feature Highlights -->
    <section class="feature-highlight">
        <div class="container">
            <div class="feature-split">
                <div class="feature-text">
                    <h2>Privacy-first development.</h2>
                    <p>Run completely offline with local MLX/GGUF models. Your code never leaves your Mac unless you choose a cloud provider.</p>
                    <p>Perfect for proprietary codebases and security-sensitive work.</p>
                </div>
                <div class="feature-visual">
                    <div class="feature-placeholder">
                        <div style="font-size: 21px; font-weight: 600; color: var(--text-secondary);">Offline Capable</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="feature-highlight alt">
        <div class="container">
            <div class="feature-split reverse">
                <div class="feature-text">
                    <h2>Works with your tools.</h2>
                    <p>CLIO brings AI to your terminal. Works over SSH for remote development. Complements SAM for quick terminal-first workflows.</p>
                    <p>Both tools share the same AI providers and configuration.</p>
                </div>
                <div class="feature-visual">
                    <div class="feature-placeholder">
                        <div style="font-size: 21px; font-weight: 600; color: var(--text-secondary);">Terminal Integration</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="feature-highlight">
        <div class="container">
            <div class="feature-split">
                <div class="feature-text">
                    <h2>Choose your AI provider.</h2>
                    <p>Local models (MLX, GGUF), OpenAI, Anthropic, GitHub Copilot, DeepSeek - all in one app. Mix and match based on task complexity.</p>
                    <p>Start with local models, upgrade to cloud when you need more power.</p>
                </div>
                <div class="feature-visual">
                    <div class="feature-placeholder">
                        <div style="font-size: 21px; font-weight: 600; color: var(--text-secondary);">Multi-Provider</div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- CTA Section -->
    <section class="cta-section">
        <div class="container">
            <div class="cta-content">
                <h2>Get started with SAM.</h2>
                <p>Download for macOS. Start coding with AI assistance.</p>
                <div class="cta-buttons">
                    <a href="https://github.com/SyntheticAutonomicMind/SAM/releases/latest" class="btn-large btn-primary" target="_blank">
                        Download SAM
                    </a>
                    <a href="docs/SAM/end-user/getting-started.html" class="btn-large btn-secondary">
                        Read the Guide
                    </a>
                </div>
            </div>
        </div>
    </section>

    <!-- Footer -->
    <footer class="footer-modern">
        <div class="container">
            <div class="footer-grid">
                <div class="footer-col">
                    <h4>Products</h4>
                    <ul>
                        <li><a href="index.html">SAM</a></li>
                        <li><a href="clio-terminal-ai.html">CLIO</a></li>
                        <li><a href="stable-diffusion-macos.html">ALICE</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Resources</h4>
                    <ul>
                        <li><a href="docs/SAM/end-user/getting-started.html">Getting Started</a></li>
                        <li><a href="docs/SAM/index.html">Documentation</a></li>
                        <li><a href="https://github.com/SyntheticAutonomicMind/SAM" target="_blank">GitHub</a></li>
                    </ul>
                </div>

                <div class="footer-col">
                    <h4>Community</h4>
                    <ul>
                        <li><a href="https://discord.gg/bwWEKJ8u" target="_blank">Discord</a></li>
                        <li><a href="https://github.com/SyntheticAutonomicMind/SAM/discussions" target="_blank">Discussions</a></li>
                    </ul>
                </div>
            </div>

            <div class="footer-bottom-modern">
                <p>&copy; 2026 Synthetic Autonomic Mind. Software licensed under GPLv3. Website and documentation licensed under CC BY-NC 4.0.</p>
            </div>
        </div>
    </footer>

    <!-- Mobile Menu Script -->
    <script>
        const hamburger = document.getElementById('hamburger');
        const navMenu = document.getElementById('navMenu');

        hamburger.addEventListener('click', () => {
            navMenu.classList.toggle('active');
        });
    </script>
</body>
</html>