File size: 13,112 Bytes
0757256
 
 
 
 
1d17b90
 
7448993
9545b90
 
117469f
9545b90
 
 
 
 
117469f
9545b90
 
7448993
 
 
 
 
 
5fa1a81
 
 
 
 
7448993
 
 
 
 
 
 
 
 
 
 
0757256
 
 
7448993
 
 
 
 
0757256
7448993
 
 
0757256
7448993
 
 
0757256
 
 
7448993
 
 
 
 
 
 
66c1198
7448993
 
 
 
66c1198
7448993
 
 
 
 
 
 
 
 
 
0757256
 
 
7448993
 
 
 
 
66c1198
7448993
 
 
 
66c1198
7448993
 
 
 
 
 
 
 
 
 
 
 
66c1198
7448993
66c1198
0757256
7448993
0757256
7448993
 
 
 
 
 
0757256
7448993
0757256
7448993
 
 
 
 
66c1198
7448993
 
 
 
66c1198
7448993
 
 
 
66c1198
0757256
 
 
7448993
 
 
 
 
66c1198
7448993
 
 
 
66c1198
7448993
 
 
 
66c1198
7448993
 
 
 
 
0757256
 
 
 
7448993
 
a21c503
7448993
 
 
 
66c1198
7448993
 
 
 
 
0757256
 
 
 
7448993
 
a21c503
7448993
 
 
 
 
 
 
 
0757256
 
 
7448993
 
 
 
a84f884
7448993
 
 
 
 
 
 
5fa1a81
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
66c1198
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
0757256
5fa1a81
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
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MindApps.ai — Aplicações Práticas e Open Source de IA</title>
    <meta name="description" content="Ferramentas gratuitas e open source para resolver problemas reais. Cada aplicação foi criada para demonstrar implementações práticas de IA — e todas estão disponíveis para você usar e aprender. Por Guilherme Favaron.">
    <link rel="stylesheet" href="style.css">

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9JMTR66YLN"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-9JMTR66YLN');
    </script>
    </head>
<body>
    <div class="container">
        <!-- Header -->
        <header class="header">
            <h1 class="logo"><span class="logo-mind">MINDAPPS</span><span class="logo-ai">.AI</span></h1>
            <p class="tagline">Laboratório de IA Aplicada</p>
            <button id="theme-toggle" class="theme-toggle" aria-label="Alternar tema">
                <span class="theme-icon">☀️</span>
                <span class="theme-icon">🌙</span>
                <span class="theme-toggle-knob"></span>
            </button>
        </header>

        <!-- Intro Card -->
        <div class="card intro-card">
            <h2>Exemplos de Aplicações Práticas de Inteligência Artificial</h2>
            <p>Ferramentas gratuitas e open source para resolver problemas reais. Cada aplicação foi criada para demonstrar implementações práticas de IA — e todas estão disponíveis para você usar e aprender.</p>
            <p><strong>Por Guilherme Favaron</strong> — VP de Tecnologia | ML Engineering</p>
            <div class="links">
                <a href="https://guilhermefavaron.com.br" target="_blank" class="btn btn-primary">Newsletter</a>
                <a href="https://github.com/guifav" target="_blank" class="btn btn-secondary">GitHub</a>
                <a href="https://linkedin.com/in/guilhermefavaron" target="_blank" class="btn btn-secondary">LinkedIn</a>
            </div>
        </div>

        <!-- Stats -->
        <div class="stats">
            <div class="stat-item">
                <span class="stat-number">20+</span>
                <span class="stat-label">Aplicativos</span>
            </div>
            <div class="stat-item">
                <span class="stat-number">100%</span>
                <span class="stat-label">Open Source</span>
            </div>
            <div class="stat-item">
                <span class="stat-number">Free</span>
                <span class="stat-label">Gratuito</span>
            </div>
        </div>

        <!-- Apps Grid -->
        <div class="apps-section">
            <h2 class="section-title">Produtividade & Análise</h2>
            <div class="apps-grid">
                <div class="app-card">
                    <h3>🐆 Chat Cheetah</h3>
                    <p>Chat com documentos via RAG</p>
                    <a href="https://huggingface.co/spaces/guifav/chat_cheetah/tree/main" target="_blank" class="app-link">Acessar Código →</a>
                </div>
                <div class="app-card">
                    <h3>⚖️ Jurídico AI</h3>
                    <p>Geração de peças jurídicas</p>
                    <a href="https://huggingface.co/spaces/guifav/juridico_ai" target="_blank" class="app-link">Usar App →</a>
                </div>
                <div class="app-card">
                    <h3>🦝 Resume Raccoon</h3>
                    <p>Análise de currículos com IA</p>
                    <a href="https://huggingface.co/spaces/guifav/resume_raccoon" target="_blank" class="app-link">Usar App →</a>
                </div>
                <div class="app-card">
                    <h3>📊 Data Analytics</h3>
                    <p>Análise de CSV com IA</p>
                    <a href="https://huggingface.co/spaces/guifav/data_analytics" target="_blank" class="app-link">Usar App →</a>
                </div>
            </div>

            <h2 class="section-title">Criação de Conteúdo</h2>
            <div class="apps-grid">
                <div class="app-card">
                    <h3>🐻 Blog Bear</h3>
                    <p>Geração de artigos SEO</p>
                    <span class="app-link">Em Manutenção</span>
                </div>
                <div class="app-card">
                    <h3>🐰 Post Bunny</h3>
                    <p>Posts para redes sociais</p>
                    <span class="app-link">Em Manutenção</span>
                </div>
                <div class="app-card">
                    <h3>💡 Elisa Illuminate</h3>
                    <p>Criação de podcasts com IA</p>
                    <a href="https://huggingface.co/spaces/guifav/elisa_illuminate" target="_blank" class="app-link">Usar App →</a>
                </div>
                <div class="app-card">
                    <h3>💡 Guiga Illuminate</h3>
                    <p>Criação de podcasts com IA</p>
                    <a href="https://huggingface.co/spaces/guifav/guiga_illuminate" target="_blank" class="app-link">Usar App →</a>
                </div>
                <div class="app-card">
                    <h3>🎮 Histórias Pokemon</h3>
                    <p>Histórias narradas por IA</p>
                    <a href="https://huggingface.co/spaces/guifav/historia_pokemon/tree/main" target="_blank" class="app-link">Acessar Código →</a>
                </div>
            </div>

            <h2 class="section-title">Áudio & Transcrição</h2>
            <div class="apps-grid">
                <div class="app-card">
                    <h3>🐱 Listen Lynx</h3>
                    <p>Transcrição inteligente de áudios</p>
                    <a href="https://huggingface.co/spaces/guifav/listen_lynx" target="_blank" class="app-link">Usar App →</a>
                </div>
            </div>

            <h2 class="section-title">Processamento de Imagens</h2>
            <div class="apps-grid">
                <div class="app-card">
                    <h3>🐐 Image Ibex</h3>
                    <p>Geração com Stable Diffusion</p>
                    <a href="https://huggingface.co/spaces/guifav/image_ibex/tree/main" target="_blank" class="app-link">Acessar Código →</a>
                </div>
                <div class="app-card">
                    <h3>🦫 BG Beaver</h3>
                    <p>Remoção de fundos em lote</p>
                    <a href="https://huggingface.co/spaces/guifav/bg-removal" target="_blank" class="app-link">Usar App →</a>
                </div>
                <div class="app-card">
                    <h3>🐨 Clone Koala</h3>
                    <p>Gerador de prompts para imagens</p>
                    <a href="https://pharmapsychotic-clip-interrogator.hf.space/" target="_blank" class="app-link">Usar App →</a>
                </div>
            </div>

            <h2 class="section-title">Ferramentas Especializadas</h2>
            <div class="apps-grid">
                <div class="app-card">
                    <h3>🐺 Percent Wolf</h3>
                    <p>Cálculos de porcentagem</p>
                    <span class="app-link">Em Manutenção</span>
                </div>
                <div class="app-card">
                    <h3>🦙 Chat Llama</h3>
                    <p>Chatbot com LLaMA 3.1</p>
                    <span class="app-link">Em Manutenção</span>
                </div>
                <div class="app-card">
                    <h3>📄 PDF To Markdown</h3>
                    <p>Conversão com OCR</p>
                    <a href="https://huggingface.co/spaces/guifav/pdftomd_mule/tree/main" target="_blank" class="app-link">Acessar Código →</a>
                </div>
                <div class="app-card">
                    <h3>🦡 Bypass Badger</h3>
                    <p>Desbloqueio de conteúdo premium</p>
                    <a href="https://huggingface.co/spaces/guifav/bypass_badger" target="_blank" class="app-link">Usar App →</a>
                </div>
            </div>
        </div>

        <!-- Newsletter Section -->
        <div class="newsletter-section">
            <h2 class="section-title">Newsletter: IA Aplicada</h2>
            <div class="card">
                <p><strong>Receba conteúdo técnico semanal sobre IA aplicada:</strong></p>
                <ul class="newsletter-list">
                    <li>✓ Implementações reais com código</li>
                    <li>✓ Arquiteturas e decisões técnicas & estratégicas</li>
                    <li>✓ Cases empresariais com ROI explicados</li>
                    <li>✓ Tutoriais hands-on</li>
                </ul>
                <div class="newsletter-embed">
                    <iframe src="https://www.guilhermefavaron.com.br/embed" width="100%" height="320" style="border:1px solid #EEE; background:white; border-radius: 8px;" frameborder="0" scrolling="no"></iframe>
                </div>
            </div>
        </div>

        <!-- About Section -->
        <div class="about-section">
            <h2 class="section-title">Sobre o Criador</h2>
            <div class="card">
                <p><strong>Guilherme Favaron</strong> é VP de Tecnologia e especialista em Machine Learning Engineering com 18+ anos de experiência liderando transformações digitais.</p>
                <p><strong>Track record:</strong></p>
                <ul class="achievements-list">
                    <li>• 30M+ USD em portfolios de inovação gerenciados</li>
                    <li>• 100+ projetos de tecnologia liderados</li>
                </ul>
                <p><strong>Formação:</strong> Ciência da Computação + ML Engineering + Mestrado em IA aplicada a Vendas & Marketing</p>
            </div>
        </div>

        <!-- Footer -->
        <footer class="footer">
            <p>MindApps.ai — Laboratório de IA Aplicada</p>
            <p>Todos os apps são open source e gratuitos • Criado com Python + IA</p>
            <div class="h-2"></div>
            <p class="footer-links">
                <a href="https://guilhermefavaron.com.br" target="_blank">Newsletter</a><a href="https://github.com/guifav" target="_blank">GitHub</a><a href="https://linkedin.com/in/guilhermefavaron" target="_blank">LinkedIn</a>
            </p>
        </footer>
    </div>
    <script>
        (function() {
            const storageKey = 'theme-preference';
            const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
            const toggleBtn = document.getElementById('theme-toggle');

            function applyTheme(mode) {
                if (mode === 'auto') {
                    document.body.setAttribute('data-theme', mediaQuery.matches ? 'dark' : 'light');
                } else {
                    document.body.setAttribute('data-theme', mode);
                }
            }

            function init() {
                let saved = localStorage.getItem(storageKey);
                const initial = saved ? saved : (mediaQuery.matches ? 'dark' : 'light');
                applyTheme(initial);

                mediaQuery.addEventListener('change', () => {
                    const savedPref = localStorage.getItem(storageKey);
                    if (!savedPref) {
                        applyTheme(mediaQuery.matches ? 'dark' : 'light');
                    }
                });

                toggleBtn.addEventListener('click', () => {
                    const current = document.body.getAttribute('data-theme') || (mediaQuery.matches ? 'dark' : 'light');
                    const next = current === 'dark' ? 'light' : 'dark';
                    localStorage.setItem(storageKey, next);
                    applyTheme(next);
                });
            }

            init();
        })();
    </script>
    <script>
        (function() {
            function applyLinkClasses() {
                document.querySelectorAll('.app-link').forEach(function(a) {
                    var t = a.textContent.trim().toLowerCase();
                    a.classList.remove('app-link-code','app-link-maintenance');
                    if (t === 'acessar código →' || t === 'acessar codigo →') {
                        a.classList.add('app-link-code');
                    } else if (t === 'em manutenção' || t === 'em manutencao') {
                        a.classList.add('app-link-maintenance');
                    }
                });
            }
            if (document.readyState === 'loading') {
                document.addEventListener('DOMContentLoaded', applyLinkClasses);
            } else {
                applyLinkClasses();
            }
        })();
    </script>
</body>
</html>