@jaimevalasek/aioson 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (301) hide show
  1. package/CHANGELOG.md +31 -1
  2. package/LICENSE +661 -21
  3. package/README.md +9 -1
  4. package/docs/design-previews/aurora-command-ui-website.html +884 -0
  5. package/docs/design-previews/aurora-command-ui.html +682 -0
  6. package/docs/design-previews/bold-editorial-ui-website.html +658 -0
  7. package/docs/design-previews/bold-editorial-ui.html +717 -0
  8. package/docs/design-previews/clean-saas-ui-website.html +1202 -0
  9. package/docs/design-previews/clean-saas-ui.html +549 -0
  10. package/docs/design-previews/cognitive-core-ui-website.html +1009 -0
  11. package/docs/design-previews/cognitive-core-ui.html +463 -0
  12. package/docs/design-previews/glassmorphism-ui-website.html +572 -0
  13. package/docs/design-previews/glassmorphism-ui.html +886 -0
  14. package/docs/design-previews/index.html +699 -0
  15. package/docs/design-previews/interface-design-website.html +1187 -0
  16. package/docs/design-previews/interface-design.html +513 -0
  17. package/docs/design-previews/neo-brutalist-ui-website.html +621 -0
  18. package/docs/design-previews/neo-brutalist-ui.html +797 -0
  19. package/docs/design-previews/premium-command-center-ui-website.html +1217 -0
  20. package/docs/design-previews/premium-command-center-ui.html +552 -0
  21. package/docs/design-previews/warm-craft-ui-website.html +684 -0
  22. package/docs/design-previews/warm-craft-ui.html +739 -0
  23. package/docs/en/cli-reference.md +20 -9
  24. package/docs/en/squad-dashboard.md +372 -0
  25. package/docs/openclaw-bridge.md +308 -0
  26. package/docs/pt/README.md +7 -0
  27. package/docs/pt/agent-sharding.md +132 -0
  28. package/docs/pt/agentes.md +131 -11
  29. package/docs/pt/busca-de-contexto.md +129 -0
  30. package/docs/pt/cache-de-contexto.md +156 -0
  31. package/docs/pt/cenarios.md +46 -2
  32. package/docs/pt/comandos-cli.md +88 -1
  33. package/docs/pt/design-hybrid-forge.md +107 -0
  34. package/docs/pt/inicio-rapido.md +72 -5
  35. package/docs/pt/inteligencia-adaptativa.md +324 -0
  36. package/docs/pt/monitor-de-contexto.md +104 -0
  37. package/docs/pt/recuperacao-de-sessao.md +125 -0
  38. package/docs/pt/sandbox.md +125 -0
  39. package/docs/pt/skills.md +98 -6
  40. package/docs/pt/squad-dashboard.md +373 -0
  41. package/docs/testing/genome-2.0-matrix.md +5 -5
  42. package/docs/testing/genome-2.0-rollout.md +9 -9
  43. package/package.json +2 -2
  44. package/src/agent-loader.js +280 -0
  45. package/src/backup-local.js +74 -0
  46. package/src/cli.js +192 -0
  47. package/src/commands/agent-loader.js +85 -0
  48. package/src/commands/backup-local-cmd.js +25 -0
  49. package/src/commands/context-cache.js +90 -0
  50. package/src/commands/context-monitor.js +92 -0
  51. package/src/commands/context-search.js +66 -0
  52. package/src/commands/design-hybrid-options.js +385 -0
  53. package/src/commands/health.js +214 -0
  54. package/src/commands/init.js +54 -13
  55. package/src/commands/install.js +52 -13
  56. package/src/commands/learning-evolve.js +355 -0
  57. package/src/commands/live.js +34 -0
  58. package/src/commands/recovery.js +43 -0
  59. package/src/commands/runtime.js +242 -0
  60. package/src/commands/sandbox.js +37 -0
  61. package/src/commands/setup-context.js +29 -4
  62. package/src/commands/setup.js +178 -0
  63. package/src/commands/skill.js +79 -32
  64. package/src/commands/squad-daemon.js +209 -0
  65. package/src/commands/squad-dashboard.js +39 -0
  66. package/src/commands/squad-deploy.js +64 -0
  67. package/src/commands/squad-doctor.js +52 -0
  68. package/src/commands/squad-mcp.js +270 -0
  69. package/src/commands/squad-processes.js +56 -0
  70. package/src/commands/squad-recovery.js +42 -0
  71. package/src/commands/squad-roi.js +291 -0
  72. package/src/commands/squad-score.js +250 -0
  73. package/src/commands/squad-status.js +37 -1
  74. package/src/commands/squad-validate.js +62 -1
  75. package/src/commands/squad-webhook.js +160 -0
  76. package/src/commands/squad-worker.js +191 -0
  77. package/src/commands/squad-worktrees.js +75 -0
  78. package/src/commands/tool-registry-cmd.js +232 -0
  79. package/src/commands/update.js +7 -0
  80. package/src/commands/web-map.js +70 -0
  81. package/src/commands/web-scrape.js +71 -0
  82. package/src/constants.js +17 -0
  83. package/src/context-cache.js +159 -0
  84. package/src/context-search.js +326 -0
  85. package/src/context-writer.js +45 -1
  86. package/src/design-variation-catalog.js +503 -0
  87. package/src/i18n/messages/en.js +159 -3
  88. package/src/i18n/messages/es.js +147 -2
  89. package/src/i18n/messages/fr.js +147 -2
  90. package/src/i18n/messages/pt-BR.js +158 -3
  91. package/src/install-animation.js +260 -0
  92. package/src/install-profile.js +143 -0
  93. package/src/install-wizard.js +474 -0
  94. package/src/installer.js +38 -10
  95. package/src/lib/webhook-server.js +328 -0
  96. package/src/mcp-connectors/registry.js +602 -0
  97. package/src/parser.js +7 -1
  98. package/src/recovery-context-session.js +154 -0
  99. package/src/runtime-store.js +355 -2
  100. package/src/sandbox.js +177 -0
  101. package/src/squad/external-session.js +180 -0
  102. package/src/squad/inter-squad.js +74 -0
  103. package/src/squad/recovery-context.js +201 -0
  104. package/src/squad/worktree-manager.js +114 -0
  105. package/src/squad-daemon.js +490 -0
  106. package/src/squad-dashboard/api.js +223 -0
  107. package/src/squad-dashboard/attachment-handler.js +93 -0
  108. package/src/squad-dashboard/context-monitor.js +157 -0
  109. package/src/squad-dashboard/execution-logs.js +115 -0
  110. package/src/squad-dashboard/hunk-review.js +209 -0
  111. package/src/squad-dashboard/metrics.js +133 -0
  112. package/src/squad-dashboard/process-monitor.js +125 -0
  113. package/src/squad-dashboard/renderer.js +858 -0
  114. package/src/squad-dashboard/server.js +232 -0
  115. package/src/squad-dashboard/styles.js +525 -0
  116. package/src/squad-dashboard/token-tracker.js +99 -0
  117. package/src/tool-executor.js +94 -0
  118. package/src/updater.js +11 -3
  119. package/src/web.js +284 -0
  120. package/src/worker-runner.js +339 -0
  121. package/template/.aioson/agents/analyst.md +62 -3
  122. package/template/.aioson/agents/architect.md +42 -0
  123. package/template/.aioson/agents/design-hybrid-forge.md +127 -0
  124. package/template/.aioson/agents/dev.md +223 -11
  125. package/template/.aioson/agents/deyvin.md +65 -0
  126. package/template/.aioson/agents/neo.md +152 -0
  127. package/template/.aioson/agents/orache.md +17 -0
  128. package/template/.aioson/agents/orchestrator.md +26 -0
  129. package/template/.aioson/agents/pm.md +58 -0
  130. package/template/.aioson/agents/product.md +88 -12
  131. package/template/.aioson/agents/qa.md +80 -0
  132. package/template/.aioson/agents/setup.md +128 -22
  133. package/template/.aioson/agents/sheldon.md +704 -0
  134. package/template/.aioson/agents/squad.md +191 -0
  135. package/template/.aioson/agents/tester.md +410 -0
  136. package/template/.aioson/agents/ux-ui.md +12 -0
  137. package/template/.aioson/config.md +21 -0
  138. package/template/.aioson/context/forensics/.gitkeep +0 -0
  139. package/template/.aioson/context/seeds/seed-example.md +27 -0
  140. package/template/.aioson/context/user-profile.md +42 -0
  141. package/template/.aioson/locales/en/agents/analyst.md +8 -0
  142. package/template/.aioson/locales/en/agents/architect.md +8 -0
  143. package/template/.aioson/locales/en/agents/dev.md +66 -7
  144. package/template/.aioson/locales/en/agents/deyvin.md +8 -0
  145. package/template/.aioson/locales/en/agents/neo.md +8 -0
  146. package/template/.aioson/locales/en/agents/orchestrator.md +26 -0
  147. package/template/.aioson/locales/en/agents/qa.md +49 -0
  148. package/template/.aioson/locales/en/agents/setup.md +35 -2
  149. package/template/.aioson/locales/en/agents/sheldon.md +340 -0
  150. package/template/.aioson/locales/en/agents/ux-ui.md +8 -0
  151. package/template/.aioson/locales/es/agents/analyst.md +8 -0
  152. package/template/.aioson/locales/es/agents/architect.md +8 -0
  153. package/template/.aioson/locales/es/agents/dev.md +66 -7
  154. package/template/.aioson/locales/es/agents/deyvin.md +8 -0
  155. package/template/.aioson/locales/es/agents/neo.md +48 -0
  156. package/template/.aioson/locales/es/agents/orchestrator.md +26 -0
  157. package/template/.aioson/locales/es/agents/qa.md +26 -0
  158. package/template/.aioson/locales/es/agents/setup.md +35 -2
  159. package/template/.aioson/locales/es/agents/sheldon.md +192 -0
  160. package/template/.aioson/locales/es/agents/squad.md +63 -0
  161. package/template/.aioson/locales/es/agents/ux-ui.md +8 -0
  162. package/template/.aioson/locales/fr/agents/analyst.md +8 -0
  163. package/template/.aioson/locales/fr/agents/architect.md +8 -0
  164. package/template/.aioson/locales/fr/agents/dev.md +66 -7
  165. package/template/.aioson/locales/fr/agents/deyvin.md +8 -0
  166. package/template/.aioson/locales/fr/agents/neo.md +48 -0
  167. package/template/.aioson/locales/fr/agents/orchestrator.md +26 -0
  168. package/template/.aioson/locales/fr/agents/qa.md +26 -0
  169. package/template/.aioson/locales/fr/agents/setup.md +35 -2
  170. package/template/.aioson/locales/fr/agents/sheldon.md +192 -0
  171. package/template/.aioson/locales/fr/agents/squad.md +63 -0
  172. package/template/.aioson/locales/fr/agents/ux-ui.md +8 -0
  173. package/template/.aioson/locales/pt-BR/agents/analyst.md +19 -0
  174. package/template/.aioson/locales/pt-BR/agents/architect.md +19 -0
  175. package/template/.aioson/locales/pt-BR/agents/dev.md +75 -12
  176. package/template/.aioson/locales/pt-BR/agents/deyvin.md +8 -0
  177. package/template/.aioson/locales/pt-BR/agents/neo.md +147 -0
  178. package/template/.aioson/locales/pt-BR/agents/orchestrator.md +26 -0
  179. package/template/.aioson/locales/pt-BR/agents/product.md +8 -3
  180. package/template/.aioson/locales/pt-BR/agents/qa.md +60 -0
  181. package/template/.aioson/locales/pt-BR/agents/setup.md +35 -2
  182. package/template/.aioson/locales/pt-BR/agents/sheldon.md +192 -0
  183. package/template/.aioson/locales/pt-BR/agents/squad.md +105 -0
  184. package/template/.aioson/locales/pt-BR/agents/ux-ui.md +8 -0
  185. package/template/.aioson/schemas/squad-blueprint.schema.json +21 -0
  186. package/template/.aioson/schemas/squad-manifest.schema.json +178 -1
  187. package/template/.aioson/skills/design/aurora-command-ui/SKILL.md +243 -0
  188. package/template/.aioson/skills/design/aurora-command-ui/references/art-direction.md +293 -0
  189. package/template/.aioson/skills/design/aurora-command-ui/references/components.md +827 -0
  190. package/template/.aioson/skills/design/aurora-command-ui/references/dashboards.md +250 -0
  191. package/template/.aioson/skills/design/aurora-command-ui/references/design-tokens.md +585 -0
  192. package/template/.aioson/skills/design/aurora-command-ui/references/motion.md +365 -0
  193. package/template/.aioson/skills/design/aurora-command-ui/references/patterns.md +482 -0
  194. package/template/.aioson/skills/design/aurora-command-ui/references/websites.md +387 -0
  195. package/template/.aioson/skills/design/bold-editorial-ui/SKILL.md +205 -0
  196. package/template/.aioson/skills/design/bold-editorial-ui/references/art-direction.md +338 -0
  197. package/template/.aioson/skills/design/bold-editorial-ui/references/components.md +977 -0
  198. package/template/.aioson/skills/design/bold-editorial-ui/references/dashboards.md +218 -0
  199. package/template/.aioson/skills/design/bold-editorial-ui/references/design-tokens.md +326 -0
  200. package/template/.aioson/skills/design/bold-editorial-ui/references/motion.md +461 -0
  201. package/template/.aioson/skills/design/bold-editorial-ui/references/patterns.md +293 -0
  202. package/template/.aioson/skills/design/bold-editorial-ui/references/websites.md +352 -0
  203. package/template/.aioson/skills/design/clean-saas-ui/SKILL.md +210 -0
  204. package/template/.aioson/skills/design/clean-saas-ui/references/art-direction.md +319 -0
  205. package/template/.aioson/skills/design/clean-saas-ui/references/components.md +365 -0
  206. package/template/.aioson/skills/design/clean-saas-ui/references/dashboards.md +196 -0
  207. package/template/.aioson/skills/design/clean-saas-ui/references/design-tokens.md +244 -0
  208. package/template/.aioson/skills/design/clean-saas-ui/references/motion.md +235 -0
  209. package/template/.aioson/skills/design/clean-saas-ui/references/patterns.md +215 -0
  210. package/template/.aioson/skills/design/clean-saas-ui/references/websites.md +295 -0
  211. package/template/.aioson/skills/design/cognitive-core-ui/SKILL.md +55 -9
  212. package/template/.aioson/skills/design/cognitive-core-ui/references/art-direction.md +339 -0
  213. package/template/.aioson/skills/design/cognitive-core-ui/references/components.md +1 -1
  214. package/template/.aioson/skills/design/cognitive-core-ui/references/dashboards.md +100 -0
  215. package/template/.aioson/skills/design/cognitive-core-ui/references/design-tokens.md +43 -9
  216. package/template/.aioson/skills/design/cognitive-core-ui/references/motion.md +40 -0
  217. package/template/.aioson/skills/design/cognitive-core-ui/references/patterns.md +1 -1
  218. package/template/.aioson/skills/design/cognitive-core-ui/references/websites.md +99 -12
  219. package/template/.aioson/skills/design/glassmorphism-ui/SKILL.md +222 -0
  220. package/template/.aioson/skills/design/glassmorphism-ui/references/art-direction.md +159 -0
  221. package/template/.aioson/skills/design/glassmorphism-ui/references/components.md +498 -0
  222. package/template/.aioson/skills/design/glassmorphism-ui/references/dashboards.md +236 -0
  223. package/template/.aioson/skills/design/glassmorphism-ui/references/design-tokens.md +274 -0
  224. package/template/.aioson/skills/design/glassmorphism-ui/references/motion.md +355 -0
  225. package/template/.aioson/skills/design/glassmorphism-ui/references/patterns.md +198 -0
  226. package/template/.aioson/skills/design/glassmorphism-ui/references/websites.md +307 -0
  227. package/template/.aioson/skills/design/neo-brutalist-ui/SKILL.md +213 -0
  228. package/template/.aioson/skills/design/neo-brutalist-ui/references/art-direction.md +228 -0
  229. package/template/.aioson/skills/design/neo-brutalist-ui/references/components.md +855 -0
  230. package/template/.aioson/skills/design/neo-brutalist-ui/references/dashboards.md +334 -0
  231. package/template/.aioson/skills/design/neo-brutalist-ui/references/design-tokens.md +342 -0
  232. package/template/.aioson/skills/design/neo-brutalist-ui/references/motion.md +286 -0
  233. package/template/.aioson/skills/design/neo-brutalist-ui/references/patterns.md +458 -0
  234. package/template/.aioson/skills/design/neo-brutalist-ui/references/websites.md +723 -0
  235. package/template/.aioson/skills/design/warm-craft-ui/SKILL.md +209 -0
  236. package/template/.aioson/skills/design/warm-craft-ui/references/art-direction.md +324 -0
  237. package/template/.aioson/skills/design/warm-craft-ui/references/components.md +508 -0
  238. package/template/.aioson/skills/design/warm-craft-ui/references/dashboards.md +223 -0
  239. package/template/.aioson/skills/design/warm-craft-ui/references/design-tokens.md +374 -0
  240. package/template/.aioson/skills/design/warm-craft-ui/references/motion.md +356 -0
  241. package/template/.aioson/skills/design/warm-craft-ui/references/patterns.md +288 -0
  242. package/template/.aioson/skills/design/warm-craft-ui/references/websites.md +289 -0
  243. package/template/.aioson/skills/premium-visual-design/SKILL.md +83 -0
  244. package/template/.aioson/skills/premium-visual-design/components/agent-badge.md +92 -0
  245. package/template/.aioson/skills/premium-visual-design/components/dependency-node.md +102 -0
  246. package/template/.aioson/skills/premium-visual-design/components/mention-autocomplete.md +136 -0
  247. package/template/.aioson/skills/premium-visual-design/components/notification-center.md +136 -0
  248. package/template/.aioson/skills/premium-visual-design/components/review-action-bar.md +188 -0
  249. package/template/.aioson/skills/premium-visual-design/components/team-switcher.md +131 -0
  250. package/template/.aioson/skills/premium-visual-design/patterns/agent-message-thread.md +198 -0
  251. package/template/.aioson/skills/premium-visual-design/patterns/notification-panel.md +275 -0
  252. package/template/.aioson/skills/premium-visual-design/patterns/review-workflow-ui.md +234 -0
  253. package/template/.aioson/skills/premium-visual-design/patterns/task-dependency-graph.md +147 -0
  254. package/template/.aioson/skills/premium-visual-design/tokens/status-extended.md +142 -0
  255. package/template/.aioson/skills/process/aioson-spec-driven/SKILL.md +45 -0
  256. package/template/.aioson/skills/process/aioson-spec-driven/references/approval-gates.md +109 -0
  257. package/template/.aioson/skills/process/aioson-spec-driven/references/artifact-map.md +44 -0
  258. package/template/.aioson/skills/process/aioson-spec-driven/references/classification-map.md +37 -0
  259. package/template/.aioson/skills/process/aioson-spec-driven/references/hardening-lane.md +49 -0
  260. package/template/.aioson/skills/process/aioson-spec-driven/references/maintenance-and-state.md +66 -0
  261. package/template/.aioson/skills/process/aioson-spec-driven/references/ui-language.md +75 -0
  262. package/template/.aioson/skills/process/design-hybrid-forge/SKILL.md +144 -0
  263. package/template/.aioson/skills/process/design-hybrid-forge/references/crossover-protocol.md +221 -0
  264. package/template/.aioson/skills/process/design-hybrid-forge/references/naming-registry.md +88 -0
  265. package/template/.aioson/skills/process/design-hybrid-forge/references/output-contract.md +291 -0
  266. package/template/.aioson/skills/process/design-hybrid-forge/references/pair-compatibility.md +117 -0
  267. package/template/.aioson/skills/process/design-hybrid-forge/references/quality-gates.md +188 -0
  268. package/template/.aioson/skills/process/design-hybrid-forge/references/variation-library.md +125 -0
  269. package/template/.aioson/skills/squad/formats/catalog.json +15 -0
  270. package/template/.aioson/skills/squad/formats/content/blog-post.md +47 -0
  271. package/template/.aioson/skills/squad/formats/content/newsletter.md +47 -0
  272. package/template/.aioson/skills/squad/formats/creative/podcast-script.md +43 -0
  273. package/template/.aioson/skills/squad/formats/creative/video-script.md +41 -0
  274. package/template/.aioson/skills/squad/formats/social/instagram-feed.md +42 -0
  275. package/template/.aioson/skills/squad/formats/social/linkedin-post.md +42 -0
  276. package/template/.aioson/skills/squad/formats/social/tiktok.md +39 -0
  277. package/template/.aioson/skills/squad/formats/social/twitter-thread.md +39 -0
  278. package/template/.aioson/skills/squad/formats/social/youtube-long.md +47 -0
  279. package/template/.aioson/skills/squad/formats/social/youtube-shorts.md +39 -0
  280. package/template/.aioson/skills/squad/patterns/multi-platform-pattern.md +108 -0
  281. package/template/.aioson/skills/squad/patterns/persona-based-pattern.md +98 -0
  282. package/template/.aioson/skills/squad/patterns/pipeline-pattern.md +106 -0
  283. package/template/.aioson/skills/squad/patterns/review-loop-pattern.md +81 -0
  284. package/template/.aioson/skills/squad/references/checklist-templates.md +122 -0
  285. package/template/.aioson/skills/squad/references/executor-archetypes.md +123 -0
  286. package/template/.aioson/skills/squad/references/workflow-templates.md +169 -0
  287. package/template/.aioson/skills/static/debugging-protocol.md +42 -0
  288. package/template/.aioson/skills/static/git-worktrees.md +36 -0
  289. package/template/.aioson/tasks/implementation-plan.md +19 -0
  290. package/template/.aioson/tasks/squad-design.md +28 -0
  291. package/template/.aioson/tasks/squad-profile.md +48 -0
  292. package/template/.aioson/tasks/squad-review.md +61 -0
  293. package/template/.aioson/tasks/squad-task-decompose.md +66 -0
  294. package/template/.claude/commands/aioson/agent/neo.md +5 -0
  295. package/template/.claude/commands/aioson/agent/tester.md +5 -0
  296. package/template/.gemini/GEMINI.md +1 -0
  297. package/template/.gemini/commands/aios-neo.toml +4 -0
  298. package/template/.gemini/commands/aios-tester.toml +6 -0
  299. package/template/AGENTS.md +26 -1
  300. package/template/CLAUDE.md +6 -2
  301. package/template/OPENCODE.md +2 -0
package/docs/design-previews/neo-brutalist-ui-website.html ADDED
@@ -0,0 +1,621 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>DRFT — Developer Tool Landing / Neo-Brutalist UI Preview</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600;700&display=swap" rel="stylesheet" />
10
+ <style>
11
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
12
+
13
+ :root {
14
+ --bg: #FFFDF5;
15
+ --black: #1A1A1A;
16
+ --yellow: #FACC15;
17
+ --white: #FFFFFF;
18
+ --border: 2px solid #1A1A1A;
19
+ --shadow-card: 6px 6px 0 #1A1A1A;
20
+ --shadow-btn: 3px 3px 0 #1A1A1A;
21
+ --muted: #555555;
22
+ }
23
+
24
+ html { scroll-behavior: smooth; }
25
+
26
+ body {
27
+ font-family: 'Inter', sans-serif;
28
+ background: var(--bg);
29
+ color: var(--black);
30
+ overflow-x: hidden;
31
+ }
32
+
33
+ .container {
34
+ max-width: 1160px;
35
+ margin: 0 auto;
36
+ padding: 0 24px;
37
+ }
38
+
39
+ /* === NAV === */
40
+ nav {
41
+ background: var(--bg);
42
+ border-bottom: 3px solid var(--black);
43
+ position: sticky;
44
+ top: 0;
45
+ z-index: 100;
46
+ }
47
+ .nav-inner {
48
+ display: flex;
49
+ align-items: center;
50
+ justify-content: space-between;
51
+ height: 64px;
52
+ max-width: 1160px;
53
+ margin: 0 auto;
54
+ padding: 0 24px;
55
+ }
56
+ .logo {
57
+ font-family: 'Space Grotesk', sans-serif;
58
+ font-size: 1.6rem;
59
+ font-weight: 800;
60
+ letter-spacing: -0.04em;
61
+ color: var(--black);
62
+ }
63
+ .logo-dot {
64
+ display: inline-block;
65
+ width: 8px; height: 8px;
66
+ background: var(--yellow);
67
+ border: 2px solid var(--black);
68
+ border-radius: 50%;
69
+ vertical-align: middle;
70
+ margin-left: 2px;
71
+ margin-bottom: 4px;
72
+ }
73
+ .nav-links {
74
+ display: flex;
75
+ gap: 32px;
76
+ list-style: none;
77
+ }
78
+ .nav-links a {
79
+ font-family: 'JetBrains Mono', monospace;
80
+ text-decoration: none;
81
+ color: var(--black);
82
+ font-size: 0.82rem;
83
+ font-weight: 500;
84
+ text-transform: uppercase;
85
+ letter-spacing: 0.06em;
86
+ transition: color 0.15s;
87
+ }
88
+ .nav-links a:hover { color: var(--muted); }
89
+ .btn-yellow {
90
+ background: var(--yellow);
91
+ color: var(--black);
92
+ border: var(--border);
93
+ box-shadow: var(--shadow-btn);
94
+ border-radius: 0;
95
+ padding: 10px 20px;
96
+ font-family: 'Space Grotesk', sans-serif;
97
+ font-size: 0.88rem;
98
+ font-weight: 700;
99
+ cursor: pointer;
100
+ letter-spacing: -0.01em;
101
+ transition: box-shadow 0.1s, transform 0.1s;
102
+ }
103
+ .btn-yellow:hover {
104
+ box-shadow: 1px 1px 0 var(--black);
105
+ transform: translate(2px, 2px);
106
+ }
107
+ .btn-ghost {
108
+ background: transparent;
109
+ color: var(--black);
110
+ border: var(--border);
111
+ box-shadow: var(--shadow-btn);
112
+ border-radius: 0;
113
+ padding: 10px 20px;
114
+ font-family: 'Space Grotesk', sans-serif;
115
+ font-size: 0.88rem;
116
+ font-weight: 700;
117
+ cursor: pointer;
118
+ transition: box-shadow 0.1s, transform 0.1s;
119
+ }
120
+ .btn-ghost:hover {
121
+ box-shadow: 1px 1px 0 var(--black);
122
+ transform: translate(2px, 2px);
123
+ }
124
+
125
+ /* === HERO === */
126
+ .hero {
127
+ padding: 96px 0 72px;
128
+ border-bottom: 3px solid var(--black);
129
+ text-align: center;
130
+ }
131
+ .hero-label {
132
+ font-family: 'JetBrains Mono', monospace;
133
+ font-size: 0.78rem;
134
+ font-weight: 600;
135
+ text-transform: uppercase;
136
+ letter-spacing: 0.1em;
137
+ color: var(--muted);
138
+ margin-bottom: 20px;
139
+ display: flex;
140
+ align-items: center;
141
+ justify-content: center;
142
+ gap: 10px;
143
+ }
144
+ .hero-label::before {
145
+ content: '';
146
+ display: block;
147
+ width: 32px; height: 2px;
148
+ background: var(--yellow);
149
+ border: 1px solid var(--black);
150
+ }
151
+ .hero h1 {
152
+ font-family: 'Space Grotesk', sans-serif;
153
+ font-size: clamp(52px, 8vw, 80px);
154
+ font-weight: 800;
155
+ line-height: 0.95;
156
+ letter-spacing: -0.04em;
157
+ color: var(--black);
158
+ margin: 0 auto 28px;
159
+ max-width: 800px;
160
+ }
161
+ .hero h1 em {
162
+ font-style: normal;
163
+ background: var(--yellow);
164
+ padding: 0 6px;
165
+ border: 2px solid var(--black);
166
+ }
167
+ .hero-sub {
168
+ font-size: 1.1rem;
169
+ color: var(--muted);
170
+ max-width: 520px;
171
+ line-height: 1.65;
172
+ margin: 0 auto 40px;
173
+ font-weight: 400;
174
+ }
175
+ .hero-ctas {
176
+ display: flex;
177
+ gap: 14px;
178
+ flex-wrap: wrap;
179
+ margin-bottom: 56px;
180
+ justify-content: center;
181
+ }
182
+ .btn-large { padding: 14px 32px; font-size: 1rem; }
183
+
184
+ /* Terminal block */
185
+ .terminal {
186
+ background: var(--black);
187
+ border: 2px solid var(--black);
188
+ box-shadow: var(--shadow-card);
189
+ border-radius: 0;
190
+ max-width: 680px;
191
+ margin: 0 auto;
192
+ overflow: hidden;
193
+ }
194
+ .terminal-bar {
195
+ display: flex;
196
+ align-items: center;
197
+ gap: 7px;
198
+ padding: 12px 16px;
199
+ border-bottom: 2px solid #2D2D2D;
200
+ }
201
+ .t-dot { width: 11px; height: 11px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.15); }
202
+ .t-dot.red { background: #FF5F57; }
203
+ .t-dot.yellow { background: #FFBD2E; }
204
+ .t-dot.green { background: #28C840; }
205
+ .terminal-title {
206
+ font-family: 'JetBrains Mono', monospace;
207
+ font-size: 0.72rem;
208
+ color: #666;
209
+ margin-left: auto;
210
+ text-transform: uppercase;
211
+ letter-spacing: 0.08em;
212
+ }
213
+ .terminal-body {
214
+ padding: 20px 20px;
215
+ font-family: 'JetBrains Mono', monospace;
216
+ font-size: 0.82rem;
217
+ line-height: 1.8;
218
+ color: #C9D1D9;
219
+ }
220
+ .t-prompt { color: #FACC15; }
221
+ .t-cmd { color: #E8E8E8; }
222
+ .t-comment { color: #6B7280; }
223
+ .t-success { color: #34D399; }
224
+ .t-dim { color: #6B7280; }
225
+ .t-string { color: #A5F3FC; }
226
+ .t-num { color: #FCA5A5; }
227
+
228
+ /* === STATS BAR === */
229
+ .stats-bar {
230
+ background: var(--yellow);
231
+ border-bottom: 3px solid var(--black);
232
+ padding: 0;
233
+ }
234
+ .stats-bar-inner {
235
+ max-width: 1160px;
236
+ margin: 0 auto;
237
+ padding: 0 24px;
238
+ display: grid;
239
+ grid-template-columns: repeat(3, 1fr);
240
+ }
241
+ .stat-item {
242
+ padding: 28px 32px;
243
+ text-align: center;
244
+ border-right: 3px solid var(--black);
245
+ }
246
+ .stat-item:last-child { border-right: none; }
247
+ .stat-num {
248
+ font-family: 'JetBrains Mono', monospace;
249
+ font-size: 1.8rem;
250
+ font-weight: 700;
251
+ color: var(--black);
252
+ display: block;
253
+ letter-spacing: -0.02em;
254
+ margin-bottom: 4px;
255
+ }
256
+ .stat-lbl {
257
+ font-family: 'JetBrains Mono', monospace;
258
+ font-size: 0.68rem;
259
+ font-weight: 600;
260
+ text-transform: uppercase;
261
+ letter-spacing: 0.1em;
262
+ color: var(--black);
263
+ opacity: 0.65;
264
+ }
265
+
266
+ /* === FEATURES === */
267
+ .features-section {
268
+ padding: 96px 0;
269
+ border-bottom: 3px solid var(--black);
270
+ }
271
+ .section-overline {
272
+ font-family: 'JetBrains Mono', monospace;
273
+ font-size: 0.72rem;
274
+ font-weight: 700;
275
+ text-transform: uppercase;
276
+ letter-spacing: 0.12em;
277
+ color: var(--muted);
278
+ margin-bottom: 12px;
279
+ text-align: center;
280
+ }
281
+ .section-title {
282
+ font-family: 'Space Grotesk', sans-serif;
283
+ font-size: clamp(28px, 4vw, 40px);
284
+ font-weight: 800;
285
+ letter-spacing: -0.03em;
286
+ color: var(--black);
287
+ margin-bottom: 52px;
288
+ line-height: 1.1;
289
+ text-align: center;
290
+ }
291
+ .features-grid {
292
+ display: grid;
293
+ grid-template-columns: repeat(3, 1fr);
294
+ gap: 0;
295
+ border: 2px solid var(--black);
296
+ box-shadow: var(--shadow-card);
297
+ }
298
+ .feature-card {
299
+ background: var(--white);
300
+ border-right: 2px solid var(--black);
301
+ padding: 36px 28px;
302
+ }
303
+ .feature-card:last-child { border-right: none; }
304
+ .feature-num {
305
+ font-family: 'JetBrains Mono', monospace;
306
+ font-size: 2.8rem;
307
+ font-weight: 700;
308
+ color: var(--yellow);
309
+ -webkit-text-stroke: 2px var(--black);
310
+ margin-bottom: 16px;
311
+ display: block;
312
+ line-height: 1;
313
+ }
314
+ .feature-title {
315
+ font-family: 'Space Grotesk', sans-serif;
316
+ font-size: 1.1rem;
317
+ font-weight: 700;
318
+ color: var(--black);
319
+ margin-bottom: 10px;
320
+ letter-spacing: -0.02em;
321
+ }
322
+ .feature-desc {
323
+ font-size: 0.88rem;
324
+ color: var(--muted);
325
+ line-height: 1.65;
326
+ }
327
+ .feature-tag {
328
+ display: inline-block;
329
+ margin-top: 16px;
330
+ font-family: 'JetBrains Mono', monospace;
331
+ font-size: 0.68rem;
332
+ font-weight: 600;
333
+ text-transform: uppercase;
334
+ letter-spacing: 0.08em;
335
+ padding: 4px 10px;
336
+ border: 2px solid var(--black);
337
+ border-radius: 9999px;
338
+ color: var(--black);
339
+ }
340
+
341
+ /* === PRICING === */
342
+ .pricing-section {
343
+ padding: 96px 0;
344
+ border-bottom: 3px solid var(--black);
345
+ }
346
+ .pricing-grid {
347
+ display: grid;
348
+ grid-template-columns: 1fr 1fr;
349
+ gap: 24px;
350
+ }
351
+ .pricing-card {
352
+ background: var(--white);
353
+ border: 2px solid var(--black);
354
+ box-shadow: var(--shadow-card);
355
+ overflow: hidden;
356
+ }
357
+ .pricing-card.featured {
358
+ border: 3px solid var(--black);
359
+ box-shadow: 8px 8px 0 var(--black);
360
+ }
361
+ .pricing-header {
362
+ padding: 24px 28px;
363
+ border-bottom: 2px solid var(--black);
364
+ }
365
+ .pricing-card.featured .pricing-header {
366
+ background: var(--yellow);
367
+ }
368
+ .pricing-name {
369
+ font-family: 'Space Grotesk', sans-serif;
370
+ font-size: 1rem;
371
+ font-weight: 700;
372
+ letter-spacing: -0.01em;
373
+ margin-bottom: 8px;
374
+ }
375
+ .pricing-price {
376
+ font-family: 'JetBrains Mono', monospace;
377
+ font-size: 2.2rem;
378
+ font-weight: 700;
379
+ letter-spacing: -0.02em;
380
+ }
381
+ .pricing-price span {
382
+ font-size: 0.9rem;
383
+ font-weight: 400;
384
+ color: var(--muted);
385
+ }
386
+ .pricing-body { padding: 28px; }
387
+ .pricing-features {
388
+ list-style: none;
389
+ margin-bottom: 24px;
390
+ display: flex;
391
+ flex-direction: column;
392
+ gap: 10px;
393
+ }
394
+ .pricing-features li {
395
+ font-size: 0.88rem;
396
+ color: var(--muted);
397
+ display: flex;
398
+ align-items: center;
399
+ gap: 10px;
400
+ font-family: 'JetBrains Mono', monospace;
401
+ }
402
+ .pricing-features li::before {
403
+ content: '→';
404
+ color: var(--black);
405
+ font-weight: 700;
406
+ flex-shrink: 0;
407
+ }
408
+
409
+ /* === FOOTER === */
410
+ footer {
411
+ background: var(--black);
412
+ border-top: 3px solid var(--black);
413
+ padding: 48px 0;
414
+ }
415
+ .footer-inner {
416
+ max-width: 1160px;
417
+ margin: 0 auto;
418
+ padding: 0 24px;
419
+ display: flex;
420
+ justify-content: space-between;
421
+ align-items: center;
422
+ flex-wrap: wrap;
423
+ gap: 24px;
424
+ }
425
+ .footer-logo {
426
+ font-family: 'Space Grotesk', sans-serif;
427
+ font-size: 1.4rem;
428
+ font-weight: 800;
429
+ letter-spacing: -0.04em;
430
+ color: var(--yellow);
431
+ }
432
+ .footer-links {
433
+ display: flex;
434
+ gap: 28px;
435
+ flex-wrap: wrap;
436
+ }
437
+ .footer-links a {
438
+ font-family: 'JetBrains Mono', monospace;
439
+ font-size: 0.72rem;
440
+ text-transform: uppercase;
441
+ letter-spacing: 0.08em;
442
+ color: #888;
443
+ text-decoration: none;
444
+ transition: color 0.15s;
445
+ }
446
+ .footer-links a:hover { color: var(--yellow); }
447
+ .footer-copy {
448
+ font-family: 'JetBrains Mono', monospace;
449
+ font-size: 0.7rem;
450
+ color: #555;
451
+ text-transform: uppercase;
452
+ letter-spacing: 0.06em;
453
+ }
454
+
455
+ @media (max-width: 768px) {
456
+ .features-grid, .pricing-grid { grid-template-columns: 1fr; }
457
+ .stats-bar-inner { grid-template-columns: 1fr; }
458
+ .stat-item { border-right: none; border-bottom: 3px solid var(--black); }
459
+ .stat-item:last-child { border-bottom: none; }
460
+ .nav-links { display: none; }
461
+ }
462
+ </style>
463
+ </head>
464
+ <body>
465
+
466
+ <!-- NAV -->
467
+ <nav>
468
+ <div class="nav-inner">
469
+ <div class="logo">DRFT<span class="logo-dot"></span></div>
470
+ <ul class="nav-links">
471
+ <li><a href="#">docs</a></li>
472
+ <li><a href="#">pricing</a></li>
473
+ <li><a href="#">changelog</a></li>
474
+ </ul>
475
+ <button class="btn-yellow">GET DRFT FREE →</button>
476
+ </div>
477
+ </nav>
478
+
479
+ <!-- HERO -->
480
+ <section class="hero">
481
+ <div class="container">
482
+ <div class="hero-label">Git Workflow Automation · v2.4.1</div>
483
+ <h1>SHIP CODE.<br /><em>NOT MEETINGS.</em></h1>
484
+ <p class="hero-sub">DRFT automates your entire Git workflow — from branch naming to PR creation, changelog generation, and release tagging. Stop context-switching. Start shipping.</p>
485
+ <div class="hero-ctas">
486
+ <button class="btn-yellow btn-large">Install in 30 seconds</button>
487
+ <button class="btn-ghost btn-large">Read the docs</button>
488
+ </div>
489
+
490
+ <!-- Terminal -->
491
+ <div class="terminal">
492
+ <div class="terminal-bar">
493
+ <div class="t-dot red"></div>
494
+ <div class="t-dot yellow"></div>
495
+ <div class="t-dot green"></div>
496
+ <div class="terminal-title">bash · ~/my-project</div>
497
+ </div>
498
+ <div class="terminal-body">
499
+ <div><span class="t-prompt">$</span> <span class="t-cmd">npm install -g drft</span></div>
500
+ <div><span class="t-dim">✓ installed drft@2.4.1 globally</span></div>
501
+ <br />
502
+ <div><span class="t-prompt">$</span> <span class="t-cmd">drft init</span></div>
503
+ <div><span class="t-success">✓ Detected GitHub remote</span></div>
504
+ <div><span class="t-success">✓ Conventional commits enabled</span></div>
505
+ <div><span class="t-success">✓ Auto-PR template configured</span></div>
506
+ <br />
507
+ <div><span class="t-prompt">$</span> <span class="t-cmd">drft ship</span> <span class="t-string">"add user auth"</span></div>
508
+ <div><span class="t-comment"># → branch: feat/add-user-auth-8f2c</span></div>
509
+ <div><span class="t-comment"># → commit: feat: add user auth</span></div>
510
+ <div><span class="t-comment"># → PR #47: opened · 2 reviewers assigned</span></div>
511
+ <div><span class="t-success">✓ Done in <span class="t-num">1.2s</span></span></div>
512
+ </div>
513
+ </div>
514
+ </div>
515
+ </section>
516
+
517
+ <!-- STATS BAR -->
518
+ <div class="stats-bar">
519
+ <div class="stats-bar-inner">
520
+ <div class="stat-item">
521
+ <span class="stat-num">47K+</span>
522
+ <span class="stat-lbl">ACTIVE REPOS</span>
523
+ </div>
524
+ <div class="stat-item">
525
+ <span class="stat-num">12M+</span>
526
+ <span class="stat-lbl">DEPLOYS SHIPPED</span>
527
+ </div>
528
+ <div class="stat-item">
529
+ <span class="stat-num">&lt; 200ms</span>
530
+ <span class="stat-lbl">CLI RESPONSE TIME</span>
531
+ </div>
532
+ </div>
533
+ </div>
534
+
535
+ <!-- FEATURES -->
536
+ <section class="features-section">
537
+ <div class="container">
538
+ <div class="section-overline">// core features</div>
539
+ <div class="section-title">One command.<br />Everything done.</div>
540
+ <div class="features-grid">
541
+ <div class="feature-card">
542
+ <span class="feature-num">01</span>
543
+ <div class="feature-title">Smart Branch Creation</div>
544
+ <p class="feature-desc">Describe what you're building in plain English. DRFT creates the right branch name, linked to your issue tracker, in one shot.</p>
545
+ <span class="feature-tag">branch · jira · linear</span>
546
+ </div>
547
+ <div class="feature-card">
548
+ <span class="feature-num">02</span>
549
+ <div class="feature-title">Auto PR with Context</div>
550
+ <p class="feature-desc">Generates PR descriptions from your diff — what changed, why it changed, and how to test it. No more blank PR templates.</p>
551
+ <span class="feature-tag">gh · gitlab · bitbucket</span>
552
+ </div>
553
+ <div class="feature-card">
554
+ <span class="feature-num">03</span>
555
+ <div class="feature-title">Zero-Config Releases</div>
556
+ <p class="feature-desc">Semantic versioning, changelog generation, and tag publishing — all from one command. Works with monorepos.</p>
557
+ <span class="feature-tag">semver · changelog · tags</span>
558
+ </div>
559
+ </div>
560
+ </div>
561
+ </section>
562
+
563
+ <!-- PRICING -->
564
+ <section class="pricing-section">
565
+ <div class="container">
566
+ <div class="section-overline">// pricing</div>
567
+ <div class="section-title">Simple. No tricks.</div>
568
+ <div class="pricing-grid">
569
+ <div class="pricing-card">
570
+ <div class="pricing-header">
571
+ <div class="pricing-name">INDIE</div>
572
+ <div class="pricing-price">$0 <span>/ forever</span></div>
573
+ </div>
574
+ <div class="pricing-body">
575
+ <ul class="pricing-features">
576
+ <li>Unlimited repos</li>
577
+ <li>Smart branch creation</li>
578
+ <li>Auto PR descriptions</li>
579
+ <li>GitHub + GitLab</li>
580
+ <li>CLI only</li>
581
+ </ul>
582
+ <button class="btn-ghost" style="width:100%;">Start Free →</button>
583
+ </div>
584
+ </div>
585
+ <div class="pricing-card featured">
586
+ <div class="pricing-header">
587
+ <div class="pricing-name">TEAM</div>
588
+ <div class="pricing-price">$12 <span>/ seat / mo</span></div>
589
+ </div>
590
+ <div class="pricing-body">
591
+ <ul class="pricing-features">
592
+ <li>Everything in Indie</li>
593
+ <li>Shared team templates</li>
594
+ <li>Release automation</li>
595
+ <li>Slack notifications</li>
596
+ <li>Priority support</li>
597
+ </ul>
598
+ <button class="btn-yellow" style="width:100%;">Get Team Plan →</button>
599
+ </div>
600
+ </div>
601
+ </div>
602
+ </div>
603
+ </section>
604
+
605
+ <!-- FOOTER -->
606
+ <footer>
607
+ <div class="footer-inner">
608
+ <div class="footer-logo">DRFT</div>
609
+ <div class="footer-links">
610
+ <a href="#">docs</a>
611
+ <a href="#">changelog</a>
612
+ <a href="#">github</a>
613
+ <a href="#">privacy</a>
614
+ <a href="#">status</a>
615
+ </div>
616
+ <div class="footer-copy">© 2025 DRFT LABS · MIT LICENSE</div>
617
+ </div>
618
+ </footer>
619
+
620
+ </body>
621
+ </html>