-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathAutomationTool.html
More file actions
1200 lines (1111 loc) · 70.3 KB
/
Copy pathAutomationTool.html
File metadata and controls
1200 lines (1111 loc) · 70.3 KB
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
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en" itemscope itemtype="https://schema.org/WebPage">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Offcode Automation Tool: Windows Desktop Automation</title>
<meta name="description"
content="No-code Windows desktop automation, an alternative to automated programming tools. Offcode AutomationTool combines OCR, UI Automation, AI script generation, automation code helpers, and macro recording.">
<meta name="author" content="OffCrypt">
<meta name="last-modified" content="2026-07-19">
<meta name="keywords"
content="windows automation, desktop automation, automation tool, automationtool, automated programming tool, automatic programming tool, automation toolchain program, automation code, ocr automation, script automation, AI automation, AI script generator, windows automation tool, auto clicker, macro recorder, rpa, robotic process automation, bot maker, repetitive tasks automation, no-code automation, data entry automation">
<meta name="robots" content="index, follow">
<meta property="og:type" content="website">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="https://www.dev-offcode.com/AutomationTool.html">
<meta property="og:title" content="Offcode Automation Tool: Windows Desktop Automation">
<meta property="og:description"
content="No-code programming & automation tool for Windows. Offcode Automation combines Smart OCR, UI Automation, AI script generation, and macro recording.">
<meta property="og:image" content="https://www.dev-offcode.com/OffCodeAutomation.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Offcode Automation Tool interface">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@OffCryptAndroid">
<meta name="twitter:creator" content="@OffCryptAndroid">
<meta name="twitter:url" content="https://www.dev-offcode.com/AutomationTool.html">
<meta name="twitter:title" content="Offcode Automation Tool: Windows Desktop Automation">
<meta name="twitter:description"
content="No-code programming & automation tool for Windows. Offcode Automation combines Smart OCR, UI Automation, AI script generation, and macro recording.">
<meta name="twitter:image" content="https://www.dev-offcode.com/OffCodeAutomation.png">
<!-- Social Media Links -->
<meta property="og:see_also" content="https://www.instagram.com/off.crypt86/">
<meta property="og:see_also" content="https://www.youtube.com/@OffCrypt">
<meta name="instagram:site" content="@off.crypt86">
<meta name="youtube:channel" content="@OffCrypt">
<link rel="canonical" href="https://www.dev-offcode.com/AutomationTool.html">
<link rel="alternate" hreflang="en" href="https://www.dev-offcode.com/AutomationTool.html">
<link rel="alternate" hreflang="x-default" href="https://www.dev-offcode.com/AutomationTool.html">
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<!-- Preload critical resources -->
<link rel="preload" href="styles.css?v=2.8.0" as="style">
<link rel="preload" href="gallery-simple.css?v=2.8.0" as="style">
<link rel="preload" href="OffCodeAutomation.png" as="image">
<!-- Core Web Vitals optimization -->
<meta name="theme-color" content="#00ff88">
<meta name="msapplication-TileColor" content="#00ff88">
<!-- Security Headers -->
<!-- Structured Data Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Offcode Automation Tool",
"applicationCategory": "BusinessApplication, DeveloperApplication, UtilitiesApplication",
"operatingSystem": "Windows",
"description": "Windows desktop automation tool that combines Smart OCR text detection, UI Automation, AI script generation (OpenAI, Claude, Gemini, Groq, Ollama), AI Semantic Search, and macro recording to automate repetitive tasks, data entry, and web workflows without coding.",
"url": "https://www.dev-offcode.com/AutomationTool.html",
"image": "https://www.dev-offcode.com/OffCodeAutomation.png",
"screenshot": [
"https://www.dev-offcode.com/OffCodeAutomation.png",
"https://www.dev-offcode.com/ScannerTriggerP.png",
"https://www.dev-offcode.com/LoadTextFile.png",
"https://www.dev-offcode.com/VisualReader.png",
"https://www.dev-offcode.com/VisualReader2.png",
"https://www.dev-offcode.com/VisualMarkers.png"
],
"offers": {
"@type": "Offer",
"price": "39",
"priceCurrency": "USD",
"availability": "https://schema.org/InStock"
},
"downloadUrl": "https://www.dev-offcode.com/AutomationTool.html",
"inLanguage": ["en"],
"author": {
"@type": "Person",
"@id": "https://www.dev-offcode.com/#author",
"name": "EmptyCode0x86",
"url": "https://www.dev-offcode.com",
"sameAs": [
"https://twitter.com/OffCryptAndroid",
"https://www.instagram.com/off.crypt86/",
"https://www.youtube.com/@OffCrypt",
"https://github.com/emptycode0x86",
"https://bsky.app/profile/off-crypt86.bsky.social",
"https://www.linkedin.com/in/off-crypt-b94175382/"
]
},
"publisher": {
"@type": "Organization",
"@id": "https://www.dev-offcode.com/#organization",
"name": "OffCrypt",
"url": "https://www.dev-offcode.com",
"logo": {
"@type": "ImageObject",
"url": "https://www.dev-offcode.com/OffCodeAutomation.png"
},
"sameAs": [
"https://twitter.com/OffCryptAndroid",
"https://www.instagram.com/off.crypt86/",
"https://www.youtube.com/@OffCrypt",
"https://bsky.app/profile/off-crypt86.bsky.social",
"https://www.linkedin.com/in/off-crypt-b94175382/"
]
},
"softwareVersion": "1.2",
"releaseNotes": "AI Script Builder (natural language to scripts), AI Social Media post generator, AI Semantic Search fallback, UI Element Inspector (F3), script chaining (/loadscript), Multi-Region trigger text",
"datePublished": "2025-01-22",
"dateModified": "2026-03-08"
}
</script>
<!-- Breadcrumbs Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Home",
"item": "https://www.dev-offcode.com/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Offcode Automation Tool",
"item": "https://www.dev-offcode.com/AutomationTool.html"
}
]
}
</script>
<!-- FAQ Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Offcode Automation Tool?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Offcode Automation Tool is a Windows desktop automation application that combines OCR text detection, UI Automation, and mouse/keyboard simulation to automate virtually any computer task."
}
},
{
"@type": "Question",
"name": "What can I automate with this tool?",
"acceptedAnswer": {
"@type": "Answer",
"text": "You can automate social media tasks, web browsing, data entry, document processing, gaming tasks, and more. The tool works with any application on your Windows computer."
}
},
{
"@type": "Question",
"name": "How does OCR automation work?",
"acceptedAnswer": {
"@type": "Answer",
"text": "OCR (Optical Character Recognition) reads text directly from your screen, allowing the tool to find and interact with text elements like buttons, fields, and links in any application."
}
},
{
"@type": "Question",
"name": "What is UI Automation mode?",
"acceptedAnswer": {
"@type": "Answer",
"text": "UI Automation uses Windows' built-in accessibility features to find and interact with interface elements. It's faster and more accurate than OCR for supported applications."
}
},
{
"@type": "Question",
"name": "How do I create an automation script?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Create an action sequence by adding steps like Wait for Text, Click, Type, Copy, Paste, and more. Press F1 to start the automation and F2 to stop."
}
},
{
"@type": "Question",
"name": "Does Offcode Automation Tool require coding?",
"acceptedAnswer": {
"@type": "Answer",
"text": "No. Offcode Automation Tool is designed for Windows users without programming experience: you build automations using visual actions, simple commands and an easy script editor."
}
},
{
"@type": "Question",
"name": "What is the AI Script Builder?",
"acceptedAnswer": {
"@type": "Answer",
"text": "The AI Script Builder lets you describe your automation in natural language (e.g. 'Open Notepad, type Hello, save the file'). Choose an LLM provider (OpenAI, Claude, Gemini, Groq, or Ollama) and the AI generates a ready-to-run action sequence that you can insert into your script."
}
},
{
"@type": "Question",
"name": "What is AI Semantic Search?",
"acceptedAnswer": {
"@type": "Answer",
"text": "When OCR and UI Automation cannot find an exact text match, AI Semantic Search interprets your search intent and locates the right on-screen element. For example, searching for 'submit' might find a button labeled 'Send' or 'OK'."
}
},
{
"@type": "Question",
"name": "How does Scheduled Start work?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Add one or more date/time values to the schedule queue with '+Add to queue'. Enable Scheduled start; at each time the script runs automatically and that entry is removed. Use 'Remove selected' to remove a time from the list."
}
},
{
"@type": "Question",
"name": "How do I use different text each loop (text list)?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Open the Text list window via '+Get text from file'. Load lines from a file or add manually, then add the 'Get text from list' action to your script from that window. When the script runs that step, the next line is copied to the clipboard and marked used; the next action can paste or type it. Optional random order lets each run use a random unused line."
}
}
]
}
</script>
<!-- HowTo Schema for Automation -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "HowTo",
"name": "How to use Visual Reader and Scanner Triggers",
"description": "Learn how to use Visual Reader, Visual Markers, and Scanner Triggers in Offcode Automation Tool.",
"step": [
{"@type": "HowToStep", "name": "Open Visual Reader", "text": "Launch Offcode Automation Tool and open the Visual Reader panel."},
{"@type": "HowToStep", "name": "Configure scanner shape", "text": "Choose Circle or Rectangle scanning area and adjust size."},
{"@type": "HowToStep", "name": "Enable scanner", "text": "Check 'Enable scanner' to start the Visual Reader overlay."},
{"@type": "HowToStep", "name": "Add Visual Markers", "text": "Choose a hotkey (e.g. 1-9, F3-F12, Numpad) in Settings and press it to add numbered markers at mouse position."},
{"@type": "HowToStep", "name": "Create trigger actions", "text": "Add [WAIT FOR TEXT] or [WAIT GONE] actions to your script for conditional automation."},
{"@type": "HowToStep", "name": "Start automation", "text": "Press F1 to start the automation. Press F2 to stop at any time."}
]
}
</script>
<!-- Video Schema -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "OffCode Automation tool: Social media posts",
"description": "Watch how OffCode Automation Tool works - social media posts automation demo.",
"thumbnailUrl": "https://img.youtube.com/vi/sL7RCVNC8qM/maxresdefault.jpg",
"uploadDate": "2026-02-24",
"duration": "PT2M5S",
"embedUrl": "https://www.youtube.com/embed/sL7RCVNC8qM",
"contentUrl": "https://www.youtube.com/watch?v=sL7RCVNC8qM"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "OffCode Automation Tool for Windows",
"description": "Learn how to use OffCode Automation Tool for Windows desktop automation with Visual Markers, Visual Reading, OCR text search, and script automation.",
"thumbnailUrl": "https://img.youtube.com/vi/CxT7vXM7muM/maxresdefault.jpg",
"uploadDate": "2026-01-22",
"duration": "PT1M22S",
"embedUrl": "https://www.youtube.com/embed/CxT7vXM7muM",
"contentUrl": "https://www.youtube.com/watch?v=CxT7vXM7muM"
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "VideoObject",
"name": "OffCode Automation Tool - How Trigger Scan Works",
"description": "Watch how the trigger scan feature works in OffCode Automation Tool for OCR and UI automation.",
"thumbnailUrl": "https://img.youtube.com/vi/KjAO9LDjgc8/maxresdefault.jpg",
"uploadDate": "2026-01-24",
"duration": "PT1M8S",
"embedUrl": "https://www.youtube.com/embed/KjAO9LDjgc8",
"contentUrl": "https://www.youtube.com/watch?v=KjAO9LDjgc8"
}
</script>
<link rel="stylesheet" href="styles.css?v=2.8.0">
<link rel="stylesheet" href="gallery-simple.css?v=2.8.0">
</head>
<body>
<!-- Sidebar Navigation -->
<aside class="sidebar">
<div class="sidebar-header">
<div class="sidebar-title">OffCode</div>
</div>
<nav class="sidebar-nav">
<ul class="sidebar-menu">
<li class="menu-item">
<a href="index.html" class="menu-link">
<span class="menu-icon">📱</span>
<span class="menu-text">Android App</span>
</a>
</li>
<li class="menu-item">
<a href="OffCryptDesktop.html" class="menu-link">
<span class="menu-icon">💻</span>
<span class="menu-text">Desktop App</span>
</a>
</li>
<li class="menu-item">
<a href="ScreenLockBuilder.html" class="menu-link">
<span class="menu-icon">🔒</span>
<span class="menu-text">Screen Lock Builder</span>
</a>
</li>
<li class="menu-item">
<a href="ScreenLockBuilderPremium.html" class="menu-link">
<span class="menu-icon">⭐</span>
<span class="menu-text">Premium Builder</span>
</a>
</li>
<li class="menu-item active">
<a href="AutomationTool.html" class="menu-link">
<span class="menu-icon">🤖</span>
<span class="menu-text">Automation Tool</span>
</a>
</li>
<li class="menu-item">
<a href="RemoteControl.html" class="menu-link">
<span class="menu-icon">🌐</span>
<span class="menu-text">Web Remote Control</span>
</a>
</li>
<li class="menu-item">
<a href="TorChatPage.html" class="menu-link">
<span class="menu-icon">🧅</span>
<span class="menu-text">Tor Chat</span>
</a>
</li>
<li class="menu-item">
<a href="https://ko-fi.com/emptyc0de" class="menu-link" target="_blank" rel="noopener noreferrer">
<span class="menu-icon">💝</span>
<span class="menu-text">Donate</span>
</a>
</li>
<li class="menu-item">
<a href="PrivacyPolicy.html" class="menu-link">
<span class="menu-icon">🔐</span>
<span class="menu-text">Privacy Policy</span>
</a>
</li>
</ul>
</nav>
<div class="sidebar-footer">
<p class="footer-text">Social media</p>
<div class="sidebar-social-divider"></div>
<div class="sidebar-social">
<a href="https://x.com/OffCryptAndroid" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on X">
<span class="sidebar-social-icon">🐦</span>
<span class="sidebar-social-label">X</span>
</a>
<a href="https://www.instagram.com/off.crypt86/" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on Instagram">
<span class="sidebar-social-icon">📸</span>
<span class="sidebar-social-label">Instagram</span>
</a>
<a href="https://www.tiktok.com/@offcrypt0" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on TikTok">
<span class="sidebar-social-icon">🎵</span>
<span class="sidebar-social-label">TikTok</span>
</a>
<a href="https://www.youtube.com/@OffCrypt" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on YouTube">
<span class="sidebar-social-icon">▶️</span>
<span class="sidebar-social-label">YouTube</span>
</a>
<a href="https://bsky.app/profile/off-crypt86.bsky.social" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on Bluesky">
<span class="sidebar-social-icon">🦋</span>
<span class="sidebar-social-label">Bluesky</span>
</a>
<a href="https://www.linkedin.com/in/off-crypt-b94175382/" target="_blank" rel="noopener noreferrer"
aria-label="Follow OffCrypt on LinkedIn">
<span class="sidebar-social-icon">💼</span>
<span class="sidebar-social-label">LinkedIn</span>
</a>
</div>
</div>
</aside>
<!-- Mobile Menu Toggle -->
<button class="mobile-menu-toggle" aria-label="Toggle Menu">
<span class="hamburger"></span>
</button>
<!-- Main Content Wrapper -->
<div class="main-wrapper">
<main>
<!-- App Description Section -->
<section class="intro-section">
<div class="intro-container">
<div class="intro-content">
<!-- Hero Header -->
<h1 class="hero-title">🤖OffCode Automation Tool</h1>
<p class="hero-subtitle">No-code programming & desktop automation for Windows</p>
<div class="hero-glow-divider"></div>
<p class="intro-description lead-text"><strong>OffCode Automation Tool</strong>: an AI-powered programming & automation tool for Windows that automates repetitive tasks and data
entry without coding. <strong>AI-powered features</strong> let you generate automation
scripts
from natural language (OpenAI, Claude, Gemini, Groq, Ollama) and create social media posts
with AI. Think of it as a "robot" that can see your screen, find text or buttons, and
perform
actions like clicking, typing, and navigating: just like a human would.</p>
<p class="intro-description">
The application combines <strong>OCR</strong> (reads text from your screen), <strong>UI
Automation</strong> (finds buttons and controls via Windows accessibility), and
<strong>mouse/keyboard simulation</strong>. When exact text isn't found, <strong>AI Semantic
Search</strong> can interpret your intent and locate the right element. This powerful
combination allows you to automate tasks that would otherwise require manual intervention.
</p>
<div class="intro-highlights">
<div class="highlight-item">
<span class="highlight-icon">🤖</span>
<span class="highlight-text">AI Script Builder</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">✍️</span>
<span class="highlight-text">AI Social Media</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">🔍</span>
<span class="highlight-text">OCR Text Detection</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">👁️</span>
<span class="highlight-text">Visual Reader</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">📍</span>
<span class="highlight-text">Visual Markers</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">📝</span>
<span class="highlight-text">Action Sequences</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">⏰</span>
<span class="highlight-text">Scheduled Start</span>
</div>
<div class="highlight-item">
<span class="highlight-icon">📋</span>
<span class="highlight-text">Text list</span>
</div>
</div>
</div>
</section>
<!-- Modern Horizontal Scrolling Gallery -->
<section id="pictures" class="image-gallery-container">
<div class="gallery-header">
<h2 class="gallery-title" style="color: white;">💻 Screenshots</h2>
<p class="gallery-subtitle">Explore the Automation Tool interface • <span class="scroll-hint">👈
Scroll horizontally</span></p>
</div>
<div class="image-gallery">
<div class="image-card featured" data-image="OffCodeAutomation.png"
data-title="OffCode Automation Tool"
data-desc="Powerful desktop automation interface with visual scripting">
<img src="OffCodeAutomation.png" alt="OffCode Automation Tool - Main Interface">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card featured" data-image="ScriptAutomation.png"
data-title="OffCode Automation Tool"
data-desc="Powerful desktop automation interface with visual scripting">
<img src="ScriptAutomation.png" alt="OffCode Automation Tool - Main Interface">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card featured" data-image="AiToolsAutomation.png"
data-title="OffCode Automation Tool"
data-desc="Create scripts with AI, Generate social media posts with AI">
<img src="AiToolsAutomation.png" alt="OffCode Automation Tool - AI Tools">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card featured" data-image="ScannerTriggerP.png"
data-title="OffCode Automation Tool"
data-desc="Wait until text appears/disappears using scanner triggers">
<img src="ScannerTriggerP.png" alt="OffCode Automation Tool - Scanner Trigger">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card featured" data-image="LoadTextFile.png" data-title="Text list for automation"
data-desc="Load .txt/.md or add lines manually; use in script to feed next line to clipboard each step">
<img src="LoadTextFile.png" alt="Text list - load lines and use in automation">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card" data-image="VisualReader.png" data-title="Visual Reader"
data-desc="Real-time text scanner overlay for dynamic content">
<img src="VisualReader.png" alt="Visual Reader - Text Detection Overlay">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card" data-image="VisualReader2.png" data-title="Visual Reader Advanced"
data-desc="Advanced text scanning capabilities">
<img src="VisualReader2.png" alt="Visual Reader - Advanced Text Scanning">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card" data-image="VisualMarkers.png" data-title="Visual Markers"
data-desc="Precision clicking with visual markers">
<img src="VisualMarkers.png" alt="Visual Markers - Precision Clicking">
<div class="image-overlay">
<div class="zoom-icon">🔍</div>
</div>
</div>
<div class="image-card" data-image="youtube-demo" data-title="AI Script Builder & Social Media"
data-desc="See how AI turns natural language into automation scripts and generates high-quality social media posts.">
<div
style="position: relative; width: 100%; height: 280px; border-radius: 12px; overflow: hidden; background: #1a1a1a;">
<iframe src="https://www.youtube.com/embed/K1aVlfocH-8"
style="width: 100%; height: 100%; border: none;"
title="OffCode Automation: AI Script Builder and Social Media Demo"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="image-overlay">
<div class="zoom-icon">▶️</div>
</div>
</div>
<div class="image-card" data-image="youtube-demo" data-title="Demo Video"
data-desc="Watch how Offcode Automation Tool works - Social media posts">
<div
style="position: relative; width: 100%; height: 280px; border-radius: 12px; overflow: hidden; background: #1a1a1a;">
<iframe src="https://www.youtube.com/embed/sL7RCVNC8qM"
style="width: 100%; height: 100%; border: none;"
title="OffCode Automation tool: Social media posts"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="image-overlay">
<div class="zoom-icon">▶️</div>
</div>
</div>
<div class="image-card" data-image="youtube-demo" data-title="Demo Video"
data-desc="Watch how Offcode Automation Tool works - Getting Started">
<div
style="position: relative; width: 100%; height: 280px; border-radius: 12px; overflow: hidden; background: #1a1a1a;">
<iframe src="https://www.youtube.com/embed/CxT7vXM7muM"
style="width: 100%; height: 100%; border: none;"
title="OffCode Automation Tool for Windows - Getting Started"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="image-overlay">
<div class="zoom-icon">▶️</div>
</div>
</div>
<div class="image-card" data-image="youtube-new" data-title="New Video"
data-desc="How trigger scanner works?">
<div
style="position: relative; width: 100%; height: 280px; border-radius: 12px; overflow: hidden; background: #1a1a1a;">
<iframe src="https://www.youtube.com/embed/KjAO9LDjgc8"
style="width: 100%; height: 100%; border: none;"
title="OffCode Automation Tool - How Trigger Scan Works"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</div>
<div class="image-overlay">
<div class="zoom-icon">▶️</div>
</div>
</div>
</div>
</section>
<!-- Custom Image Modal -->
<div id="imageModal" class="image-modal">
<div class="modal-content">
<span class="close">×</span>
<img id="modalImage" src="" alt="">
<div class="modal-info">
<h3 id="modalTitle"></h3>
<p id="modalDesc"></p>
</div>
</div>
</div>
<!-- Modern Section Divider -->
<div class="section-divider"></div>
<!-- Features Section -->
<section id="features" class="features-section">
<div class="features-container">
<h2 class="features-title">Features</h2>
<p class="features-subtitle">Everything you need for desktop automation</p>
<div class="features-grid">
<!-- AI Script Builder -->
<div class="feature-card">
<div class="feature-icon">🤖</div>
<h3>AI Script Builder</h3>
<p>Generate automation scripts from natural language using cloud LLMs</p>
<ul class="feature-list">
<li>Choose provider: OpenAI, Claude, Gemini, Groq, or Ollama (local or cloud)</li>
<li>Describe your automation in plain English</li>
<li>AI outputs a ready-to-run action sequence</li>
<li>Insert generated steps directly into your script</li>
</ul>
</div>
<!-- AI Social Media -->
<div class="feature-card">
<div class="feature-icon">✍️</div>
<h3>AI Social Media</h3>
<p>Create social media posts with AI assistance</p>
<ul class="feature-list">
<li>Generate captions and content ideas</li>
<li>Use your preferred LLM provider</li>
<li>Copy results to clipboard for pasting</li>
</ul>
</div>
<!-- Text Detection -->
<div class="feature-card">
<div class="feature-icon">🔍</div>
<h3>Text Detection</h3>
<p>Find text on screen using OCR and AI fallback</p>
<ul class="feature-list">
<li>OCR reads any visible text</li>
<li>UI Automation for buttons/controls</li>
<li>Hybrid mode combines both</li>
<li><strong>AI Semantic Search</strong>: when exact match fails, AI interprets intent
and finds the right element</li>
<li>Works with any application</li>
</ul>
</div>
<!-- Visual Reader -->
<div class="feature-card">
<div class="feature-icon">👁️</div>
<h3>Visual Reader</h3>
<p>A real-time scanner overlay that follows your cursor or stays locked in position. Choose
between circle or rectangle scanning area. Monitor specific screen regions continuously
and collect text as it appears. Perfect for monitoring dynamic content, game timers,
chat messages, or any changing text on screen.</p>
</div>
<!-- Visual Markers -->
<div class="feature-card">
<div class="feature-icon">📍</div>
<h3>Visual Markers</h3>
<p>Place numbered green markers directly on your screen to mark important click locations.
Markers display coordinates and labels, making it easy to return to exact positions. Use
markers in your automation scripts for reliable clicking at fixed positions.</p>
</div>
<!-- Scanner Triggers -->
<div class="feature-card">
<div class="feature-icon">⏳</div>
<h3>Scanner Triggers</h3>
<p>Create advanced automation triggers using the Visual Reader. Use `[WAIT FOR TEXT]
"message"` to pause your script until specific text appears in the scanner area. Use
`[WAIT GONE] "message"` to wait until text disappears. When adding a new Multi-Region
(Numpad 4), you can optionally set a trigger text so the script waits for text to appear
or disappear <em>within that region</em> before continuing.</p>
</div>
<!-- Mouse & Keyboard -->
<div class="feature-card">
<div class="feature-icon">🖱️</div>
<h3>Mouse & Keyboard</h3>
<p>Automated interactions</p>
<ul class="feature-list">
<li>Left/Right/Middle click</li>
<li>Double click support</li>
<li>Type text automatically</li>
<li>Hotkey combinations</li>
</ul>
</div>
<!-- Action System -->
<div class="feature-card">
<div class="feature-icon">📝</div>
<h3>Action System</h3>
<p>Build automation sequences</p>
<ul class="feature-list">
<li>Visual action builder</li>
<li>Loop support (0=infinite)</li>
<li>Save/Load/Edit scripts as JSON</li>
<li><strong>Script chaining</strong>: Use <code>/loadscript:name.json</code> to run
another saved script from the Scripts folder</li>
</ul>
</div>
<!-- Text list for automation (CollectForm) -->
<div class="feature-card">
<div class="feature-icon">📋</div>
<h3>Text list for automation</h3>
<p>Use a list of lines (e.g. search terms, messages, usernames) and feed one line per script
step into the clipboard.</p>
<ul class="feature-list">
<li>Open the text-list window via "+Get text from file" in the main form</li>
<li>Load lines from a .txt or .md file, or add lines manually</li>
<li>Optional: use random order instead of first-to-last</li>
<li>Add the "Get text from list" action to your script from that window, it
inserts a step that runs during automation</li>
<li>When the script reaches that step, the next unused line is copied to the clipboard
and marked as used (so it won’t be picked again)</li>
<li><strong>Idea:</strong> each loop iteration can use different text, e.g. paste into
a search box, type into a field, or fill a form with the next line from your list
</li>
</ul>
</div>
<!-- Supported Commands -->
<div class="feature-card">
<div class="feature-icon">⌨️</div>
<h3>Supported Commands</h3>
<p>Available script commands (typed or chosen from the dropdown)</p>
<ul class="feature-list" style="font-family: monospace; font-size: 0.9em;">
<li>/copy:Your txt</li>
<li>/paste</li>
<li>/wait:500</li>
<li>/type:Your txt</li>
<li>/hotkey:ctrl+c</li>
<li>/key:Enter</li>
<li>/move:100,200</li>
<li>/click:500,300</li>
<li>/scroll:up,3</li>
<li>/scroll:down,3</li>
<li>/startprocess:notepad.exe</li>
<li>/stopprocess:notepad.exe</li>
<li>/openwebsite:google.com</li>
<li>/gettextfromlist, Copy next line from text list to clipboard</li>
<li>/loadscript:script.json, Run another saved script</li>
</ul>
</div>
<!-- Web Automation -->
<div class="feature-card">
<div class="feature-icon">🌐</div>
<h3>Web Automation</h3>
<p>Browser-based tasks</p>
<ul class="feature-list">
<li>Built-in browser automation</li>
<li>Fill forms automatically</li>
<li>Navigate and click links</li>
<li>Extract data from pages</li>
</ul>
</div>
<!-- Scheduled Start -->
<div class="feature-card">
<div class="feature-icon">⏰</div>
<h3>Scheduled Start</h3>
<p>Run your script at specific times automatically</p>
<ul class="feature-list">
<li>Add multiple date/time entries to a queue</li>
<li>+Add to queue, add time from the text field</li>
<li>Remove selected, remove chosen time from the list</li>
<li>When a scheduled time is reached, script runs and that time is removed; next time
runs automatically</li>
<li>Supports common date/time formats (e.g. system locale, dd.MM.yyyy HH:mm)</li>
</ul>
</div>
<!-- Hotkey Control -->
<div class="feature-card">
<div class="feature-icon">⚡</div>
<h3>Hotkey Control</h3>
<p>Quick access shortcuts</p>
<ul class="feature-list">
<li>F1, Start automation</li>
<li>F2, Stop automation</li>
<li>F3, Inspect UI element under cursor (name, type, class)</li>
<li>Custom hotkey (1-9, F3-F12, Numpad), Add visual marker</li>
<li>Numpad 1, Manual scan (Visual Reader)</li>
<li>Numpad 2, Lock scanner position</li>
<li>Numpad 3, Unlock scanner</li>
<li>Numpad 4, Add text collection region</li>
</ul>
</div>
<!-- Multi-Region Visual Reader -->
<div class="feature-card">
<div class="feature-icon">🖼️</div>
<h3>Multi-Region Visual Reader</h3>
<p>Read text from multiple visual boxes simultaneously</p>
<ul class="feature-list">
<li>Monitor multiple screen areas at once</li>
<li>Define separate scanning regions</li>
<li>Collect text from different locations</li>
<li>Advanced multi-area automation</li>
</ul>
</div>
<!-- Read / Click Inside -->
<div class="feature-card">
<div class="feature-icon">🎯</div>
<h3>Read / Click Inside</h3>
<p>Reads and interacts only within visual box boundaries</p>
<ul class="feature-list">
<li>Precise text reading within defined areas</li>
<li>Targeted clicking inside visual boxes</li>
<li>Contained automation actions</li>
<li>Accurate region-specific interactions</li>
</ul>
</div>
</div>
</div>
</section>
</section>
<!-- Endless Possibilities Section -->
<section id="endless-possibilities" class="features-section" style="background: rgba(0, 102, 255, 0.03);">
<div class="features-container">
<h2 class="features-title"
style="background: linear-gradient(135deg, #00d4ff 0%, #0066ff 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;">
Endless Possibilities</h2>
<p class="features-subtitle">Automate anything you can imagine</p>
<div class="features-grid" style="justify-content: center; padding-left: 3rem;">
<!-- Real-world Use Cases -->
<div class="feature-card ai-card" style="max-width: 800px; width: 100%; text-align: center;">
<div class="feature-icon" style="margin: 0 auto 1.5rem auto;">🌍</div>
<h3 style="text-align: center;">Real-world Use Cases</h3>
<ul class="feature-list" style="text-align: left; display: inline-block; margin-top: 1rem;">
<li>Social media automation (posting, liking, commenting), use AI to generate captions
</li>
<li>Web browsing and repetitive data entry (form filling, searches)</li>
<li>Document work (Excel, Word tasks and reports)</li>
<li>Gaming (repetitive tasks, monitoring game events)</li>
<li>Data collection from multiple screens</li>
<li>Monitoring dynamic content in real-time</li>
<li>AI-generated scripts, describe workflows in plain English and run them</li>
</ul>
</div>
</div>
</div>
</section>
<section class="features-section">
<div class="features-container">
<h2 class="features-title">Related tools and next steps</h2>
<p class="features-subtitle">If this automation tool fits your workflow, these pages help you
compare the broader product direction, follow updates, and review the buying flow.</p>
<div class="features-grid">
<div class="feature-card">
<div class="feature-icon">🌐</div>
<h3>Web Remote Control System</h3>
<p>If you want to move from local desktop automation to browser-based control, this upcoming
system adds live device status, remote screen locking, file transfer, and web-triggered
automation.</p>
<a href="RemoteControl.html" class="button secondary-download">Explore remote control
software</a>
</div>
<div class="feature-card">
<div class="feature-icon">📝</div>
<h3>Automation changelog</h3>
> <p>See what has changed recently, including Multi-Region improvements, UI element
inspection,
script chaining, and stability fixes in the Visual Reader and automation flow.</p>
<a href="AutomationChangelog.html" class="button secondary-download">Read automation
updates</a>
</div>
<div class="feature-card">
<div class="feature-icon">💳</div>
<h3>Purchase and activation</h3>
<p>When you are ready to buy, the activation page explains instant delivery, the lifetime
license, your activation code, and the support process after purchase.</p>
<a href="#pricing" class="button secondary-download">View pricing
options</a>
</div>
</div>
</div>
</section>
<!-- Pricing Section -->
<section id="pricing" class="pricing-section">
<div class="pricing-table">
<div class="pricing-header">
<h2>Pricing</h2>
<p>Simple one-time pricing for lifetime access</p>
</div>
<div class="pricing-cards">
<!-- Standard Plan -->
<div class="pricing-card premium">
<div class="plan-badge premium-badge">Lifetime License</div>
<h3>Standard</h3>
<div class="price-container">
<span class="price">$39</span>
<span class="price-period">Lifetime</span>
</div>
<div class="pricing-info-box">
<p class="price-increase-notice">Price will increase as new features are
added.</p>
</div>
<div class="guarantee-box">
<span class="glow-check">✓</span>
<p class="updates-notice">Full automation tool including all future updates and support.
</p>
</div>
<a href="AutomationChangelog.html" class="plan-button"
style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); margin-bottom: 0.75rem; display: block; text-align: center; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 8px; color: white; font-weight: 600; transition: transform 0.2s ease, box-shadow 0.2s ease;"
onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 4px 12px rgba(102, 126, 234, 0.4)';"
onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='none';">
📝 View Changelog
</a>
<a href="PurchaseAutomationTool.html" class="plan-button premium-button">Purchase</a>
<div
style="margin-top: 1rem; color: var(--text-secondary); font-size: 0.9rem; text-align: center;">
<p style="margin-bottom: 0.5rem; color: #00ff88; font-weight: bold;">Instant Delivery
& Download</p>
<p style="margin-bottom: 0.5rem;"><strong>Payment Methods:</strong></p>
<p style="margin: 0.25rem 0;">Stripe</p>
</div>
</div>
<!-- Source Code Plan -->
<div class="pricing-card"
style="border: 2px solid #ffd700; background: linear-gradient(135deg, rgba(255, 215, 0, 0.05) 0%, rgba(255, 165, 0, 0.02) 100%);">
<div class="plan-badge"
style="background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%); color: #000;">
Source Code</div>
<h3 style="color: #ffd700;">Developer License</h3>
<div class="price-container">
<span class="price"
style="background: linear-gradient(135deg, #ffd700 0%, #ff8c00 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;">$??</span>
<span class="price-period">One-time</span>
</div>
<div class="pricing-info-box">
<p class="price-increase-notice">Full C# source code access for developers.</p>
</div>
<div class="guarantee-box">
<span class="glow-check" style="color: #ffd700;">✓</span>
<p class="updates-notice">Complete source code (~12,000 lines of C# code)</p>
</div>
<ul
style="text-align: left; color: var(--text-secondary); margin: 1rem 0; padding-left: 1.5rem; font-size: 0.9rem;">
<li style="margin: 0.5rem 0;">✅ Full WinForms application source</li>
<li style="margin: 0.5rem 0;">✅ OCR & UI Automation modules</li>
<li style="margin: 0.5rem 0;">✅ Visual Reader & Markers system</li>
<li style="margin: 0.5rem 0;">✅ Action Sequence engine</li>
<li style="margin: 0.5rem 0;">✅ Modern UI components</li>
<li style="margin: 0.5rem 0;">✅ Modify & build your own version</li>
</ul>