antigravity-ide 4.2.1 → 4.3.3

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 (359) hide show
  1. package/.agent/.shared/{design-philosophy → core/design-philosophy}/README.md +12 -1
  2. package/.agent/.shared/{ai-master → technical/ai-master}/README.md +12 -1
  3. package/.agent/.shared/{api-standards → technical/api-standards}/README.md +12 -1
  4. package/.agent/.shared/{database-master → technical/database-master}/README.md +12 -2
  5. package/.agent/.shared/{seo-master → technical/seo-master}/README.md +12 -1
  6. package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/README.md +12 -1
  7. package/.agent/ARCHITECTURE.md +16 -10
  8. package/.agent/ARCHITECTURE.vi.md +8 -8
  9. package/{GEMINI.md → .agent/GEMINI.md} +4 -5
  10. package/.agent/RESOURCES.md +6 -1
  11. package/.agent/agents/backend-specialist.md +154 -19
  12. package/.agent/agents/browser-subagent.md +45 -0
  13. package/.agent/agents/cloud-architect.md +108 -189
  14. package/.agent/agents/debugger.md +83 -182
  15. package/.agent/agents/documentation-writer.md +125 -72
  16. package/.agent/agents/frontend-specialist.md +40 -7
  17. package/.agent/agents/game-developer.md +111 -116
  18. package/.agent/agents/mobile-developer.md +108 -321
  19. package/.agent/agents/orchestrator.md +106 -366
  20. package/.agent/agents/performance-optimizer.md +105 -136
  21. package/.agent/agents/project-planner.md +132 -39
  22. package/.agent/agents/quality-inspector.md +136 -32
  23. package/.agent/agents/security-auditor.md +138 -15
  24. package/.agent/agents/seo-specialist.md +118 -72
  25. package/.agent/agents/test-engineer.md +142 -11
  26. package/.agent/brain/task.md +16 -0
  27. package/.agent/rules/GEMINI.md +63 -31
  28. package/.agent/rules/code-quality.md +34 -3
  29. package/.agent/rules/frontend.md +3 -3
  30. package/.agent/rules/strict-protocol.md +44 -3
  31. package/.agent/rules/system-update.md +56 -3
  32. package/.agent/skills/agent-backend-patterns/SKILL.md +16 -3
  33. package/.agent/skills/ai-engineer/SKILL.md +29 -16
  34. package/.agent/skills/api-documenter/SKILL.md +4 -4
  35. package/.agent/skills/app-builder/SKILL.md +1 -1
  36. package/.agent/skills/app-builder/tech-stack.md +2 -2
  37. package/.agent/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md +39 -79
  38. package/.agent/skills/app-builder/templates/nextjs-saas/TEMPLATE.md +53 -75
  39. package/.agent/skills/app-builder/templates/nextjs-static/TEMPLATE.md +56 -119
  40. package/.agent/skills/app-builder/templates/nuxt-app/TEMPLATE.md +61 -94
  41. package/.agent/skills/app-builder/templates/react-native-app/TEMPLATE.md +56 -82
  42. package/.agent/skills/brand-guidelines-anthropic/LICENSE.txt +202 -0
  43. package/.agent/skills/brand-guidelines-anthropic/SKILL.md +26 -0
  44. package/.agent/skills/brand-guidelines-anthropic/sub-skills/color-application.md +5 -0
  45. package/.agent/skills/brand-guidelines-anthropic/sub-skills/colors.md +14 -0
  46. package/.agent/skills/brand-guidelines-anthropic/sub-skills/font-management.md +6 -0
  47. package/.agent/skills/brand-guidelines-anthropic/sub-skills/shape-and-accent-colors.md +7 -0
  48. package/.agent/skills/brand-guidelines-anthropic/sub-skills/smart-font-application.md +6 -0
  49. package/.agent/skills/brand-guidelines-anthropic/sub-skills/text-styling.md +6 -0
  50. package/.agent/skills/brand-guidelines-anthropic/sub-skills/typography.md +7 -0
  51. package/.agent/skills/cloud-architect-master/SKILL.md +9 -4
  52. package/.agent/skills/cro-expert-kit/SKILL.md +9 -4
  53. package/.agent/skills/database-migration/SKILL.md +9 -3
  54. package/.agent/skills/deployment-engineer/SKILL.md +9 -3
  55. package/.agent/skills/frontend-design/ux-psychology.md +10 -585
  56. package/.agent/skills/full-stack-scaffold/SKILL.md +4 -4
  57. package/.agent/skills/game-development/2d-games/SKILL.md +4 -2
  58. package/.agent/skills/game-development/3d-games/SKILL.md +4 -2
  59. package/.agent/skills/game-development/SKILL.md +18 -149
  60. package/.agent/skills/game-development/game-art/SKILL.md +4 -2
  61. package/.agent/skills/game-development/game-audio/SKILL.md +4 -2
  62. package/.agent/skills/game-development/game-design/SKILL.md +4 -2
  63. package/.agent/skills/game-development/mobile-games/SKILL.md +4 -2
  64. package/.agent/skills/game-development/multiplayer/SKILL.md +4 -2
  65. package/.agent/skills/game-development/pc-games/SKILL.md +4 -2
  66. package/.agent/skills/game-development/vr-ar/SKILL.md +4 -2
  67. package/.agent/skills/game-development/web-games/SKILL.md +4 -2
  68. package/.agent/skills/geo-fundamentals/SKILL.md +9 -136
  69. package/.agent/skills/git-collaboration-master/SKILL.md +9 -4
  70. package/.agent/skills/i18n-localization/SKILL.md +10 -118
  71. package/.agent/skills/incident-responder/SKILL.md +9 -6
  72. package/.agent/skills/internal-comms-anthropic/LICENSE.txt +202 -0
  73. package/.agent/skills/internal-comms-anthropic/SKILL.md +33 -0
  74. package/.agent/skills/internal-comms-anthropic/examples/3p-updates.md +47 -0
  75. package/.agent/skills/internal-comms-anthropic/examples/company-newsletter.md +65 -0
  76. package/.agent/skills/internal-comms-anthropic/examples/faq-answers.md +30 -0
  77. package/.agent/skills/internal-comms-anthropic/examples/general-comms.md +16 -0
  78. package/.agent/skills/last30days/tests/__init__.py +1 -0
  79. package/.agent/skills/last30days/tests/test_cache.py +59 -0
  80. package/.agent/skills/last30days/tests/test_dates.py +114 -0
  81. package/.agent/skills/last30days/tests/test_dedupe.py +111 -0
  82. package/.agent/skills/last30days/tests/test_models.py +135 -0
  83. package/.agent/skills/last30days/tests/test_normalize.py +138 -0
  84. package/.agent/skills/last30days/tests/test_render.py +116 -0
  85. package/.agent/skills/last30days/tests/test_score.py +168 -0
  86. package/.agent/skills/legacy-modernizer/SKILL.md +9 -4
  87. package/.agent/skills/lint-and-validate/scripts/lint_runner.py +2 -14
  88. package/.agent/skills/loki-mode/.github/workflows/claude-code-review.yml +57 -0
  89. package/.agent/skills/loki-mode/.github/workflows/claude.yml +50 -0
  90. package/.agent/skills/loki-mode/.github/workflows/release.yml +128 -0
  91. package/.agent/skills/loki-mode/tests/run-all-tests.sh +78 -0
  92. package/.agent/skills/loki-mode/tests/test-agent-timeout.sh +348 -0
  93. package/.agent/skills/loki-mode/tests/test-bootstrap.sh +196 -0
  94. package/.agent/skills/loki-mode/tests/test-circuit-breaker.sh +389 -0
  95. package/.agent/skills/loki-mode/tests/test-state-recovery.sh +393 -0
  96. package/.agent/skills/loki-mode/tests/test-task-queue.sh +396 -0
  97. package/.agent/skills/loki-mode/tests/test-wrapper.sh +314 -0
  98. package/.agent/skills/mcp-builder/SKILL.md +21 -164
  99. package/.agent/skills/mobile-design/SKILL.md +21 -369
  100. package/.agent/skills/mobile-design/mobile-performance.md +1 -1
  101. package/.agent/skills/modern-web-architect/SKILL.md +12 -6
  102. package/.agent/skills/nextjs-react-expert/scripts/convert_rules.py +1 -1
  103. package/.agent/skills/penetration-tester-master/SKILL.md +9 -4
  104. package/.agent/skills/performance-engineer/SKILL.md +4 -5
  105. package/.agent/skills/production-code-audit/SKILL.md +6 -0
  106. package/.agent/skills/rust-pro/SKILL.md +0 -177
  107. package/.agent/skills/security-auditor/SKILL.md +35 -27
  108. package/.agent/skills/seo-expert-kit/SKILL.md +9 -4
  109. package/.agent/skills/shopify-development/scripts/tests/test_shopify_init.py +379 -0
  110. package/.agent/skills/tdd-master-workflow/SKILL.md +9 -3
  111. package/.agent/workflows/audit.md +30 -16
  112. package/.agent/workflows/brainstorm.md +33 -96
  113. package/.agent/workflows/create.md +37 -45
  114. package/.agent/workflows/debug.md +45 -84
  115. package/.agent/workflows/deploy.md +33 -158
  116. package/.agent/workflows/document.md +38 -15
  117. package/.agent/workflows/enhance.md +33 -48
  118. package/.agent/workflows/monitor.md +35 -14
  119. package/.agent/workflows/orchestrate.md +33 -218
  120. package/.agent/workflows/plan.md +39 -70
  121. package/.agent/workflows/security.md +35 -14
  122. package/.agent/workflows/seo.md +39 -16
  123. package/.agent/workflows/status.md +33 -72
  124. package/.agent/workflows/test.md +30 -127
  125. package/.agent/workflows/ui-ux-pro-max.md +24 -283
  126. package/LICENSE +22 -8
  127. package/README.md +105 -72
  128. package/README.vi.md +93 -110
  129. package/cli/create.js +275 -413
  130. package/cli/index.js +36 -24
  131. package/cli/lib/auto-update.js +14 -21
  132. package/cli/logic/product-skills.js +58 -0
  133. package/cli/logic/skill-definitions.js +0 -39
  134. package/cli/prompts.js +151 -145
  135. package/cli/skills/browser-subagent-core/SKILL.md +22 -0
  136. package/cli/tools/browser.js +75 -0
  137. package/cli/ui/dashboard.js +48 -0
  138. package/docs/AGENTS_GUIDE.vi.md +39 -45
  139. package/docs/CONTRIBUTING.vi.md +12 -3
  140. package/docs/{GEMINI_GUIDE.md → GEMINI_USAGE.md} +6 -6
  141. package/docs/GLOSSARY.vi.md +49 -30
  142. package/docs/HOW_ANTIGRAVITY_THINKS.vi.md +1 -1
  143. package/docs/OPERATIONAL_FLOW.vi.md +15 -0
  144. package/docs/{PUBLISHING.md → PUBLISHING_GUIDE.md} +31 -3
  145. package/docs/RULES_GUIDE.vi.md +67 -31
  146. package/docs/SHARED_LIBRARY_GUIDE.vi.md +18 -22
  147. package/docs/SKILLS_GUIDE.vi.md +119 -32
  148. package/docs/TROUBLESHOOTING.vi.md +10 -2
  149. package/docs/WORKFLOW_GUIDE.vi.md +57 -9
  150. package/package.json +32 -8
  151. package/setup.js +147 -114
  152. package/.agent/.shared/compliance/README.md +0 -19
  153. package/.agent/.shared/design-system/README.md +0 -18
  154. package/.agent/.shared/domain-blueprints/README.md +0 -18
  155. package/.agent/.shared/dx-toolkit/README.md +0 -19
  156. package/.agent/.shared/i18n-master/README.md +0 -18
  157. package/.agent/.shared/infra-blueprints/README.md +0 -18
  158. package/.agent/.shared/metrics/README.md +0 -17
  159. package/.agent/.shared/resilience-patterns/README.md +0 -19
  160. package/.agent/.shared/security-armor/README.md +0 -25
  161. package/.agent/.shared/testing-master/README.md +0 -20
  162. package/.agent/.shared/vitals-templates/README.md +0 -18
  163. package/.agent/agents/accessibility-expert.md +0 -22
  164. package/.agent/agents/api-architect.md +0 -22
  165. package/.agent/agents/backend-specialist.eco.md +0 -19
  166. package/.agent/agents/backend-specialist.instant.md +0 -19
  167. package/.agent/agents/codebase-expert.md +0 -23
  168. package/.agent/agents/compliance-expert.md +0 -22
  169. package/.agent/agents/data-scientist.md +0 -22
  170. package/.agent/agents/debugger.eco.md +0 -20
  171. package/.agent/agents/debugger.instant.md +0 -20
  172. package/.agent/agents/deep-thinker.ultra.md +0 -23
  173. package/.agent/agents/devex-optimizer.md +0 -22
  174. package/.agent/agents/devops-architect.md +0 -22
  175. package/.agent/agents/frontend-specialist.eco.md +0 -19
  176. package/.agent/agents/frontend-specialist.instant.md +0 -19
  177. package/.agent/agents/growth-engineer.md +0 -22
  178. package/.agent/agents/i18n-specialist.md +0 -21
  179. package/.agent/agents/legacy-modernizer.md +0 -22
  180. package/.agent/agents/microservices-specialist.md +0 -22
  181. package/.agent/agents/motion-designer.md +0 -22
  182. package/.agent/agents/orchestrator.creative.md +0 -28
  183. package/.agent/agents/orchestrator.eco.md +0 -29
  184. package/.agent/agents/orchestrator.instant.md +0 -29
  185. package/.agent/agents/orchestrator.ultra.md +0 -28
  186. package/.agent/agents/performance-benchmarker.md +0 -22
  187. package/.agent/agents/project-planner.eco.md +0 -19
  188. package/.agent/agents/project-planner.instant.md +0 -19
  189. package/.agent/agents/security-pentester.md +0 -22
  190. package/.agent/agents/serverless-expert.md +0 -22
  191. package/.agent/fastcode_index.json +0 -1038
  192. package/.agent/mcp_config.json +0 -24
  193. package/.agent/rules/GEMINI.eco.md +0 -37
  194. package/.agent/rules/GEMINI.instant.md +0 -37
  195. package/.agent/rules/api-spec.md +0 -28
  196. package/.agent/rules/database.md +0 -24
  197. package/.agent/rules/devops.md +0 -23
  198. package/.agent/rules/growth-strategy.md +0 -22
  199. package/.agent/rules/logging-monitoring.md +0 -22
  200. package/.agent/rules/quality-assurance.md +0 -22
  201. package/.agent/rules/system-reasoning.md +0 -20
  202. package/.agent/rules/ui-design.md +0 -23
  203. package/.agent/rules/ux-patterns.md +0 -23
  204. package/.agent/scripts/auto_preview.py +0 -148
  205. package/.agent/scripts/checklist.py +0 -252
  206. package/.agent/scripts/session_manager.py +0 -120
  207. package/.agent/scripts/simulation_install.js +0 -59
  208. package/.agent/scripts/sync_to_global.py +0 -78
  209. package/.agent/scripts/translate_workflows.py +0 -53
  210. package/.agent/scripts/verify_all.py +0 -327
  211. package/.agent/scripts/verify_shared_modules.js +0 -126
  212. package/.agent/skills/fastcode-search/SKILL.md +0 -46
  213. package/.agent/skills/fastcode-search/fastcode_config.example.json +0 -17
  214. package/.agent/skills/frontend-trends-2026/SKILL.md +0 -78
  215. package/.agent/skills/frontend-trends-2026/formulas/BentoGrid.tsx +0 -42
  216. package/.agent/skills/frontend-trends-2026/formulas/LiquidCard.tsx +0 -32
  217. package/.agent/skills/frontend-trends-2026/formulas/NeoButton.tsx +0 -27
  218. package/.agent/workflows/deep-security-audit.md +0 -9
  219. package/.agent/workflows/growth-max.md +0 -9
  220. package/.agent/workflows/performance-max.md +0 -9
  221. package/.editorconfig +0 -21
  222. package/.gitattributes +0 -7
  223. package/CHANGELOG.md +0 -32
  224. package/ERRORS.md +0 -67
  225. package/action.yml +0 -32
  226. package/antigravity-ide-logo.png +0 -0
  227. package/antigravity-ide-logo.svg +0 -24
  228. package/assets/skills-bundle.json +0 -1
  229. package/cli/manifest.js +0 -524
  230. package/cli/skills/fastcode.js +0 -181
  231. package/docs/AGENT_FLOW.md +0 -608
  232. package/docs/CONTRIBUTING.md +0 -46
  233. package/docs/COPYRIGHT.md +0 -57
  234. package/docs/DEPLOYMENT.md +0 -77
  235. package/docs/GLOSSARY.md +0 -109
  236. package/docs/MASTER_GUIDE.md +0 -103
  237. package/docs/OPERATIONAL_FLOW.md +0 -147
  238. package/docs/PLAN-upgrade-core-architecture.md +0 -71
  239. package/docs/SKILLS.md +0 -610
  240. package/docs/TROUBLESHOOTING.md +0 -43
  241. package/jest.config.js +0 -8
  242. package/scripts/bump.js +0 -93
  243. package/scripts/bundle-skills.js +0 -59
  244. package/scripts/internal/automation/auto-release.js +0 -177
  245. package/scripts/internal/fractalize-skills.js +0 -89
  246. package/scripts/internal/generate-skill-definitions.js +0 -134
  247. package/scripts/internal/internal/update-docs.js +0 -115
  248. package/scripts/internal/refactor-skill-content.js +0 -127
  249. package/scripts/internal/rename-skills.js +0 -96
  250. package/scripts/internal/sync-skills.js +0 -112
  251. package/scripts/internal/update-frontmatter-names.js +0 -99
  252. package/scripts/internal/verification/audit-dna.js +0 -56
  253. package/scripts/internal/verification/audit-skills.js +0 -65
  254. package/web/src/app/docs/guide/examples/brainstorm/page.mdx +0 -91
  255. package/web/src/app/docs/guide/examples/create/page.mdx +0 -84
  256. package/web/src/app/docs/guide/examples/debugging/page.mdx +0 -83
  257. package/web/src/app/docs/guide/examples/deployment/page.mdx +0 -93
  258. package/web/src/app/docs/guide/examples/new-feature/page.mdx +0 -102
  259. package/web/src/app/docs/guide/examples/orchestration/page.mdx +0 -99
  260. package/web/src/app/docs/guide/examples/plan/page.mdx +0 -76
  261. package/web/src/app/docs/guide/examples/preview/page.mdx +0 -77
  262. package/web/src/app/docs/guide/examples/status/page.mdx +0 -78
  263. package/web/src/app/docs/guide/examples/test/page.mdx +0 -80
  264. package/web/src/app/docs/guide/examples/ui-design/page.mdx +0 -90
  265. package/web/src/components/mdx/Callout.tsx +0 -60
  266. package/web/src/components/mdx/FeatureGrid.tsx +0 -38
  267. package/web/src/components/mdx/ProTips.tsx +0 -29
  268. package/web/src/components/mdx/StepList.tsx +0 -33
  269. package/web/src/components/mdx/Terminal.tsx +0 -58
  270. package/web/src/components/mdx/index.ts +0 -5
  271. package/web/src/mdx-components.tsx +0 -98
  272. /package/.agent/.shared/{design-philosophy → core/design-philosophy}/MANIFESTO.md +0 -0
  273. /package/.agent/.shared/{design-philosophy → core/design-philosophy}/checklists/tactile_audit.md +0 -0
  274. /package/.agent/.shared/{design-philosophy → core/design-philosophy}/checklists/visual_audit.md +0 -0
  275. /package/.agent/.shared/{design-philosophy → core/design-philosophy}/presets/linear_glow.json +0 -0
  276. /package/.agent/.shared/{dx-toolkit → core/dx-toolkit}/checklists/code_review.md +0 -0
  277. /package/.agent/.shared/{dx-toolkit → core/dx-toolkit}/presets/vscode_settings.json +0 -0
  278. /package/.agent/.shared/{metrics → core/metrics}/benchmarks.json +0 -0
  279. /package/.agent/.shared/{vitals-templates → core/vitals-templates}/audit_report.md +0 -0
  280. /package/.agent/.shared/{vitals-templates → core/vitals-templates}/plan_prd.md +0 -0
  281. /package/.agent/.shared/{ai-master → technical/ai-master}/best_patterns.md +0 -0
  282. /package/.agent/.shared/{ai-master → technical/ai-master}/checklists/prompt_audit.md +0 -0
  283. /package/.agent/.shared/{ai-master → technical/ai-master}/presets/model_configs.json +0 -0
  284. /package/.agent/.shared/{api-standards → technical/api-standards}/data +0 -0
  285. /package/.agent/.shared/{api-standards → technical/api-standards}/endpoints_naming.md +0 -0
  286. /package/.agent/.shared/{api-standards → technical/api-standards}/error_codes.csv +0 -0
  287. /package/.agent/.shared/{api-standards → technical/api-standards}/pagination_sorting.md +0 -0
  288. /package/.agent/.shared/{api-standards → technical/api-standards}/response_format.json +0 -0
  289. /package/.agent/.shared/{database-master → technical/database-master}/schemas/auth_rbac.sql +0 -0
  290. /package/.agent/.shared/{database-master → technical/database-master}/schemas/cms.sql +0 -0
  291. /package/.agent/.shared/{database-master → technical/database-master}/schemas/ecommerce.sql +0 -0
  292. /package/.agent/.shared/{design-system → technical/design-system}/brand_presets.json +0 -0
  293. /package/.agent/.shared/{design-system → technical/design-system}/micro_interactions.md +0 -0
  294. /package/.agent/.shared/{i18n-master → technical/i18n-master}/vi_tech_dictionary.csv +0 -0
  295. /package/.agent/.shared/{i18n-master → technical/i18n-master}/workflows.json +0 -0
  296. /package/.agent/.shared/{resilience-patterns → technical/resilience-patterns}/checklists/chaos_engineering.md +0 -0
  297. /package/.agent/.shared/{resilience-patterns → technical/resilience-patterns}/presets/circuit_breaker.json +0 -0
  298. /package/.agent/.shared/{security-armor → technical/security-armor}/checklists/vuln_scan.md +0 -0
  299. /package/.agent/.shared/{security-armor → technical/security-armor}/hardening.md +0 -0
  300. /package/.agent/.shared/{security-armor → technical/security-armor}/presets/helmet_config.json +0 -0
  301. /package/.agent/.shared/{seo-master → technical/seo-master}/checklists/technical_seo.md +0 -0
  302. /package/.agent/.shared/{seo-master → technical/seo-master}/presets/json_ld_schema.json +0 -0
  303. /package/.agent/.shared/{testing-master → technical/testing-master}/checklists/pre_release.md +0 -0
  304. /package/.agent/.shared/{testing-master → technical/testing-master}/scenarios.md +0 -0
  305. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/colors.csv +0 -0
  306. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/icons.csv +0 -0
  307. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/landing.csv +0 -0
  308. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/products.csv +0 -0
  309. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/react-performance.csv +0 -0
  310. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/flutter.csv +0 -0
  311. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/html-tailwind.csv +0 -0
  312. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/jetpack-compose.csv +0 -0
  313. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/nextjs.csv +0 -0
  314. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/nuxt-ui.csv +0 -0
  315. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/nuxtjs.csv +0 -0
  316. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/react-native.csv +0 -0
  317. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/react.csv +0 -0
  318. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/shadcn.csv +0 -0
  319. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/svelte.csv +0 -0
  320. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/swiftui.csv +0 -0
  321. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/stacks/vue.csv +0 -0
  322. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/ux-guidelines.csv +0 -0
  323. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/data/web-interface.csv +0 -0
  324. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/scripts/__pycache__/core.cpython-313.pyc +0 -0
  325. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/scripts/__pycache__/design_system.cpython-313.pyc +0 -0
  326. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/scripts/core.py +0 -0
  327. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/scripts/design_system.py +0 -0
  328. /package/.agent/.shared/{ui-ux-pro-max → technical/ui-ux-pro-max}/scripts/search.py +0 -0
  329. /package/.agent/.shared/{compliance → verticals/compliance}/legal_templates.md +0 -0
  330. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/edtech.md +0 -0
  331. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/fintech.md +0 -0
  332. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/fnb_restaurant.md +0 -0
  333. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/freelance_marketplace.md +0 -0
  334. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/healthcare.md +0 -0
  335. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/hospitality_tourism.md +0 -0
  336. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/logistics.md +0 -0
  337. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/marketing_automation.md +0 -0
  338. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/personal_branding.md +0 -0
  339. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/real_estate.md +0 -0
  340. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/retail_ecommerce.md +0 -0
  341. /package/.agent/.shared/{domain-blueprints → verticals/domain-blueprints}/standard-pro-agents.md +0 -0
  342. /package/.agent/.shared/{infra-blueprints → verticals/infra-blueprints}/deployment_specs.md +0 -0
  343. /package/.agent/skills/ai-engineer/{resources → sub-skills}/ai_infra_stack.md +0 -0
  344. /package/.agent/skills/cloud-architect-master/{resources → sub-skills}/cost_optimization_checklist.md +0 -0
  345. /package/.agent/skills/cro-expert-kit/{resources → sub-skills}/psychological_triggers.md +0 -0
  346. /package/.agent/skills/database-migration/{resources → sub-skills}/zero_downtime_strategy.md +0 -0
  347. /package/.agent/skills/deployment-engineer/{resources → sub-skills}/k8s_best_practices.md +0 -0
  348. /package/.agent/skills/git-collaboration-master/{resources → sub-skills}/pr_template.md +0 -0
  349. /package/.agent/skills/incident-responder/{resources → sub-skills}/incident_severity_levels.md +0 -0
  350. /package/.agent/skills/legacy-modernizer/{resources → sub-skills}/strangler_fig_pattern.md +0 -0
  351. /package/.agent/skills/penetration-tester-master/{resources → sub-skills}/owasp_top_10_2025.md +0 -0
  352. /package/.agent/skills/production-code-audit/{resources → sub-skills}/solid_principles_cheat_sheet.md +0 -0
  353. /package/.agent/skills/seo-expert-kit/{resources → sub-skills}/technical_seo_checklist.md +0 -0
  354. /package/.agent/skills/tdd-master-workflow/{resources → sub-skills}/unit_test_naming_convention.md +0 -0
  355. /package/.agent/{.shared → skills}/ui-ux-pro-max/data/charts.csv +0 -0
  356. /package/.agent/{.shared → skills}/ui-ux-pro-max/data/prompts.csv +0 -0
  357. /package/.agent/{.shared → skills}/ui-ux-pro-max/data/styles.csv +0 -0
  358. /package/.agent/{.shared → skills}/ui-ux-pro-max/data/typography.csv +0 -0
  359. /package/.agent/{.shared → skills}/ui-ux-pro-max/data/ui-reasoning.csv +0 -0
@@ -1,327 +0,0 @@
1
- #!/usr/bin/env python3
2
- """
3
- Full Verification Suite - Antigravity Kit
4
- ==========================================
5
-
6
- Runs COMPLETE validation including all checks + performance + E2E.
7
- Use this before deployment or major releases.
8
-
9
- Usage:
10
- python scripts/verify_all.py . --url <URL>
11
-
12
- Includes ALL checks:
13
- ✅ Security Scan (OWASP, secrets, dependencies)
14
- ✅ Lint & Type Coverage
15
- ✅ Schema Validation
16
- ✅ Test Suite (unit + integration)
17
- ✅ UX Audit (psychology, accessibility)
18
- ✅ SEO Check
19
- ✅ Lighthouse (Core Web Vitals)
20
- ✅ Playwright E2E
21
- ✅ Bundle Analysis (if applicable)
22
- ✅ Mobile Audit (if applicable)
23
- """
24
-
25
- import sys
26
- import subprocess
27
- import argparse
28
- from pathlib import Path
29
- from typing import List, Dict, Optional
30
- from datetime import datetime
31
-
32
- # ANSI colors
33
- class Colors:
34
- HEADER = '\033[95m'
35
- BLUE = '\033[94m'
36
- CYAN = '\033[96m'
37
- GREEN = '\033[92m'
38
- YELLOW = '\033[93m'
39
- RED = '\033[91m'
40
- ENDC = '\033[0m'
41
- BOLD = '\033[1m'
42
-
43
- def print_header(text: str):
44
- print(f"\n{Colors.BOLD}{Colors.CYAN}{'='*70}{Colors.ENDC}")
45
- print(f"{Colors.BOLD}{Colors.CYAN}{text.center(70)}{Colors.ENDC}")
46
- print(f"{Colors.BOLD}{Colors.CYAN}{'='*70}{Colors.ENDC}\n")
47
-
48
- def print_step(text: str):
49
- print(f"{Colors.BOLD}{Colors.BLUE}🔄 {text}{Colors.ENDC}")
50
-
51
- def print_success(text: str):
52
- print(f"{Colors.GREEN}✅ {text}{Colors.ENDC}")
53
-
54
- def print_warning(text: str):
55
- print(f"{Colors.YELLOW}⚠️ {text}{Colors.ENDC}")
56
-
57
- def print_error(text: str):
58
- print(f"{Colors.RED}❌ {text}{Colors.ENDC}")
59
-
60
- # Complete verification suite
61
- VERIFICATION_SUITE = [
62
- # P0: Security (CRITICAL)
63
- {
64
- "category": "Security",
65
- "checks": [
66
- ("Security Scan", ".agent/skills/vulnerability-scanner/scripts/security_scan.py", True),
67
- ("Dependency Analysis", ".agent/skills/vulnerability-scanner/scripts/dependency_analyzer.py", False),
68
- ]
69
- },
70
-
71
- # P1: Code Quality (CRITICAL)
72
- {
73
- "category": "Code Quality",
74
- "checks": [
75
- ("Lint Check", ".agent/skills/lint-and-validate/scripts/lint_runner.py", True),
76
- ("Type Coverage", ".agent/skills/lint-and-validate/scripts/type_coverage.py", False),
77
- ]
78
- },
79
-
80
- # P2: Data Layer
81
- {
82
- "category": "Data Layer",
83
- "checks": [
84
- ("Schema Validation", ".agent/skills/database-design/scripts/schema_validator.py", False),
85
- ]
86
- },
87
-
88
- # P3: Testing
89
- {
90
- "category": "Testing",
91
- "checks": [
92
- ("Test Suite", ".agent/skills/testing-patterns/scripts/test_runner.py", False),
93
- ]
94
- },
95
-
96
- # P4: UX & Accessibility
97
- {
98
- "category": "UX & Accessibility",
99
- "checks": [
100
- ("UX Audit", ".agent/skills/frontend-design/scripts/ux_audit.py", False),
101
- ("Accessibility Check", ".agent/skills/frontend-design/scripts/accessibility_checker.py", False),
102
- ]
103
- },
104
-
105
- # P5: SEO & Content
106
- {
107
- "category": "SEO & Content",
108
- "checks": [
109
- ("SEO Check", ".agent/skills/seo-fundamentals/scripts/seo_checker.py", False),
110
- ("GEO Check", ".agent/skills/geo-fundamentals/scripts/geo_checker.py", False),
111
- ]
112
- },
113
-
114
- # P6: Performance (requires URL)
115
- {
116
- "category": "Performance",
117
- "requires_url": True,
118
- "checks": [
119
- ("Lighthouse Audit", ".agent/skills/performance-profiling/scripts/lighthouse_audit.py", True),
120
- ("Bundle Analysis", ".agent/skills/performance-profiling/scripts/bundle_analyzer.py", False),
121
- ]
122
- },
123
-
124
- # P7: E2E Testing (requires URL)
125
- {
126
- "category": "E2E Testing",
127
- "requires_url": True,
128
- "checks": [
129
- ("Playwright E2E", ".agent/skills/webapp-testing/scripts/playwright_runner.py", False),
130
- ]
131
- },
132
-
133
- # P8: Mobile (if applicable)
134
- {
135
- "category": "Mobile",
136
- "checks": [
137
- ("Mobile Audit", ".agent/skills/mobile-design/scripts/mobile_audit.py", False),
138
- ]
139
- },
140
-
141
- # P9: Internationalization
142
- {
143
- "category": "Internationalization",
144
- "checks": [
145
- ("i18n Check", ".agent/skills/i18n-localization/scripts/i18n_checker.py", False),
146
- ]
147
- },
148
- ]
149
-
150
- def run_script(name: str, script_path: Path, project_path: str, url: Optional[str] = None) -> dict:
151
- """Run validation script"""
152
- if not script_path.exists():
153
- print_warning(f"{name}: Script not found, skipping")
154
- return {"name": name, "passed": True, "skipped": True, "duration": 0}
155
-
156
- print_step(f"Running: {name}")
157
- start_time = datetime.now()
158
-
159
- # Build command
160
- cmd = ["python", str(script_path), project_path]
161
- if url and ("lighthouse" in script_path.name.lower() or "playwright" in script_path.name.lower()):
162
- cmd.append(url)
163
-
164
- # Run
165
- try:
166
- result = subprocess.run(
167
- cmd,
168
- capture_output=True,
169
- text=True,
170
- timeout=600 # 10 minute timeout for slow checks
171
- )
172
-
173
- duration = (datetime.now() - start_time).total_seconds()
174
- passed = result.returncode == 0
175
-
176
- if passed:
177
- print_success(f"{name}: PASSED ({duration:.1f}s)")
178
- else:
179
- print_error(f"{name}: FAILED ({duration:.1f}s)")
180
- if result.stderr:
181
- print(f" {result.stderr[:300]}")
182
-
183
- return {
184
- "name": name,
185
- "passed": passed,
186
- "output": result.stdout,
187
- "error": result.stderr,
188
- "skipped": False,
189
- "duration": duration
190
- }
191
-
192
- except subprocess.TimeoutExpired:
193
- duration = (datetime.now() - start_time).total_seconds()
194
- print_error(f"{name}: TIMEOUT (>{duration:.0f}s)")
195
- return {"name": name, "passed": False, "skipped": False, "duration": duration, "error": "Timeout"}
196
-
197
- except Exception as e:
198
- duration = (datetime.now() - start_time).total_seconds()
199
- print_error(f"{name}: ERROR - {str(e)}")
200
- return {"name": name, "passed": False, "skipped": False, "duration": duration, "error": str(e)}
201
-
202
- def print_final_report(results: List[dict], start_time: datetime):
203
- """Print comprehensive final report"""
204
- total_duration = (datetime.now() - start_time).total_seconds()
205
-
206
- print_header("📊 FULL VERIFICATION REPORT")
207
-
208
- # Statistics
209
- total = len(results)
210
- passed = sum(1 for r in results if r["passed"] and not r.get("skipped"))
211
- failed = sum(1 for r in results if not r["passed"] and not r.get("skipped"))
212
- skipped = sum(1 for r in results if r.get("skipped"))
213
-
214
- print(f"Total Duration: {total_duration:.1f}s")
215
- print(f"Total Checks: {total}")
216
- print(f"{Colors.GREEN}✅ Passed: {passed}{Colors.ENDC}")
217
- print(f"{Colors.RED}❌ Failed: {failed}{Colors.ENDC}")
218
- print(f"{Colors.YELLOW}⏭️ Skipped: {skipped}{Colors.ENDC}")
219
- print()
220
-
221
- # Category breakdown
222
- print(f"{Colors.BOLD}Results by Category:{Colors.ENDC}")
223
- current_category = None
224
- for r in results:
225
- # Print category header if changed
226
- if r.get("category") and r["category"] != current_category:
227
- current_category = r["category"]
228
- print(f"\n{Colors.BOLD}{Colors.CYAN}{current_category}:{Colors.ENDC}")
229
-
230
- # Print result
231
- if r.get("skipped"):
232
- status = f"{Colors.YELLOW}⏭️ {Colors.ENDC}"
233
- elif r["passed"]:
234
- status = f"{Colors.GREEN}✅{Colors.ENDC}"
235
- else:
236
- status = f"{Colors.RED}❌{Colors.ENDC}"
237
-
238
- duration_str = f"({r.get('duration', 0):.1f}s)" if not r.get("skipped") else ""
239
- print(f" {status} {r['name']} {duration_str}")
240
-
241
- print()
242
-
243
- # Failed checks detail
244
- if failed > 0:
245
- print(f"{Colors.BOLD}{Colors.RED}❌ FAILED CHECKS:{Colors.ENDC}")
246
- for r in results:
247
- if not r["passed"] and not r.get("skipped"):
248
- print(f"\n{Colors.RED}✗ {r['name']}{Colors.ENDC}")
249
- if r.get("error"):
250
- error_preview = r["error"][:200]
251
- print(f" Error: {error_preview}")
252
- print()
253
-
254
- # Final verdict
255
- if failed > 0:
256
- print_error(f"VERIFICATION FAILED - {failed} check(s) need attention")
257
- print(f"\n{Colors.YELLOW}💡 Tip: Fix critical (security, lint) issues first{Colors.ENDC}")
258
- return False
259
- else:
260
- print_success("✨ ALL CHECKS PASSED - Ready for deployment! ✨")
261
- return True
262
-
263
- def main():
264
- parser = argparse.ArgumentParser(
265
- description="Run complete Antigravity Kit verification suite",
266
- formatter_class=argparse.RawDescriptionHelpFormatter,
267
- epilog="""
268
- Examples:
269
- python scripts/verify_all.py . --url http://localhost:3000
270
- python scripts/verify_all.py . --url https://staging.example.com --no-e2e
271
- """
272
- )
273
- parser.add_argument("project", help="Project path to validate")
274
- parser.add_argument("--url", required=True, help="URL for performance & E2E checks")
275
- parser.add_argument("--no-e2e", action="store_true", help="Skip E2E tests")
276
- parser.add_argument("--stop-on-fail", action="store_true", help="Stop on first failure")
277
-
278
- args = parser.parse_args()
279
-
280
- project_path = Path(args.project).resolve()
281
-
282
- if not project_path.exists():
283
- print_error(f"Project path does not exist: {project_path}")
284
- sys.exit(1)
285
-
286
- print_header("🚀 ANTIGRAVITY KIT - FULL VERIFICATION SUITE")
287
- print(f"Project: {project_path}")
288
- print(f"URL: {args.url}")
289
- print(f"Started: {datetime.now().strftime('%Y-%m-%d %H:%M:%S')}")
290
-
291
- start_time = datetime.now()
292
- results = []
293
-
294
- # Run all verification categories
295
- for suite in VERIFICATION_SUITE:
296
- category = suite["category"]
297
- requires_url = suite.get("requires_url", False)
298
-
299
- # Skip if requires URL and not provided
300
- if requires_url and not args.url:
301
- continue
302
-
303
- # Skip E2E if flag set
304
- if args.no_e2e and category == "E2E Testing":
305
- continue
306
-
307
- print_header(f"📋 {category.upper()}")
308
-
309
- for name, script_path, required in suite["checks"]:
310
- script = project_path / script_path
311
- result = run_script(name, script, str(project_path), args.url)
312
- result["category"] = category
313
- results.append(result)
314
-
315
- # Stop on critical failure if flag set
316
- if args.stop_on_fail and required and not result["passed"] and not result.get("skipped"):
317
- print_error(f"CRITICAL: {name} failed. Stopping verification.")
318
- print_final_report(results, start_time)
319
- sys.exit(1)
320
-
321
- # Print final report
322
- all_passed = print_final_report(results, start_time)
323
-
324
- sys.exit(0 if all_passed else 1)
325
-
326
- if __name__ == "__main__":
327
- main()
@@ -1,126 +0,0 @@
1
- const fs = require('fs');
2
- const path = require('path');
3
- const chalk = require('chalk'); // Assuming chalk is available based on previous context, or use simple logging
4
-
5
- const SHARED_DIR = path.join(__dirname, '../.shared');
6
-
7
- // Simple logger fallback if chalk is not installed
8
- const log = {
9
- info: (msg) => console.log(msg),
10
- success: (msg) => console.log('\x1b[32m%s\x1b[0m', '✅ ' + msg),
11
- error: (msg) => console.log('\x1b[31m%s\x1b[0m', '❌ ' + msg),
12
- warn: (msg) => console.log('\x1b[33m%s\x1b[0m', '⚠️ ' + msg),
13
- header: (msg) => console.log('\n\x1b[1m\x1b[36m%s\x1b[0m', '=== ' + msg + ' ===\n'),
14
- };
15
-
16
- function verifyJson(filePath) {
17
- try {
18
- const content = fs.readFileSync(filePath, 'utf-8');
19
- JSON.parse(content);
20
- return true;
21
- } catch (e) {
22
- return false;
23
- }
24
- }
25
-
26
- function verifyMarkdown(filePath) {
27
- try {
28
- const content = fs.readFileSync(filePath, 'utf-8');
29
- return content.trim().length > 10; // Must have some content
30
- } catch (e) {
31
- return false;
32
- }
33
- }
34
-
35
- function auditModule(moduleName) {
36
- const modulePath = path.join(SHARED_DIR, moduleName);
37
- const stats = fs.statSync(modulePath);
38
-
39
- if (!stats.isDirectory()) return null;
40
-
41
- log.header(`Auditing: ${moduleName}`);
42
- let errors = 0;
43
-
44
- // 1. Check README
45
- const readmePath = path.join(modulePath, 'README.md');
46
- if (fs.existsSync(readmePath)) {
47
- if (verifyMarkdown(readmePath)) {
48
- log.success('README.md exists and is valid');
49
- } else {
50
- log.error('README.md is empty');
51
- errors++;
52
- }
53
- } else {
54
- log.error('Missing README.md');
55
- errors++;
56
- }
57
-
58
- // 2. Check Checklists (if dir exists)
59
- const checklistDir = path.join(modulePath, 'checklists');
60
- if (fs.existsSync(checklistDir)) {
61
- const files = fs.readdirSync(checklistDir).filter(f => f.endsWith('.md'));
62
- if (files.length > 0) {
63
- files.forEach(f => {
64
- if (verifyMarkdown(path.join(checklistDir, f))) {
65
- log.success(`Checklist: ${f} valid`);
66
- } else {
67
- log.error(`Checklist: ${f} empty`);
68
- errors++;
69
- }
70
- });
71
- } else {
72
- log.warn('checklists/ directory empty');
73
- }
74
- }
75
-
76
- // 3. Check Presets/Data (JSON validation)
77
- ['presets', 'data'].forEach(subDir => {
78
- const dirPath = path.join(modulePath, subDir);
79
- if (fs.existsSync(dirPath)) {
80
- const files = fs.readdirSync(dirPath).filter(f => f.endsWith('.json'));
81
- files.forEach(f => {
82
- if (verifyJson(path.join(dirPath, f))) {
83
- log.success(`${subDir}/${f} valid JSON`);
84
- } else {
85
- log.error(`${subDir}/${f} INVALID JSON`);
86
- errors++;
87
- }
88
- });
89
- }
90
- });
91
-
92
- return errors;
93
- }
94
-
95
- function main() {
96
- if (!fs.existsSync(SHARED_DIR)) {
97
- log.error('.shared directory not found!');
98
- process.exit(1);
99
- }
100
-
101
- const modules = fs.readdirSync(SHARED_DIR);
102
- let totalErrors = 0;
103
-
104
- modules.forEach(mod => {
105
- // Skip specific non-module files if any
106
- if (mod.startsWith('.')) return;
107
-
108
- // Only verify directories
109
- try {
110
- const errs = auditModule(mod);
111
- if (errs !== null) totalErrors += errs;
112
- } catch (e) {
113
- // Not a directory or permission error
114
- }
115
- });
116
-
117
- console.log('\n----------------------------------------');
118
- if (totalErrors === 0) {
119
- log.success('ALL MODULES PASSED VERIFICATION');
120
- } else {
121
- log.error(`FOUND ${totalErrors} ISSUES`);
122
- process.exit(1);
123
- }
124
- }
125
-
126
- main();
@@ -1,46 +0,0 @@
1
- ---
2
- name: fastcode-search
3
- description: Native Node.js semantic search for Agent. No external dependencies.
4
- category: research-analysis
5
- version: 2.0.0
6
- layer: core-skill
7
- ---
8
-
9
- # FastCode Search (Native)
10
-
11
- > **Core Capability**: Lightning-fast codebase navigation using local Node.js indexing.
12
- > **Zero Cost**: Runs locally. No API calls.
13
-
14
- ## 🤖 Agent Instructions (MANDATORY)
15
-
16
- **Rule: BEFORE reading any file content to understand logic, you MUST use FastCode.**
17
-
18
- ### 1. When to use?
19
- - User asks "Where is the login logic?"
20
- - You need to fix a bug but don't know the exact file.
21
- - You want to understand the project structure.
22
-
23
- ### 2. How to use?
24
- Run the internal Node.js script. **Do not ask user to install anything.**
25
-
26
- #### Step 1: Search
27
- ```bash
28
- node cli/skills/fastcode.js search "your_query_here"
29
- ```
30
-
31
- #### Step 2: Analyze Results
32
- The script returns a JSON list of most relevant files.
33
- - **Action**: Read ONLY the top 1-3 files returned.
34
- - **Benefit**: Saves tokens (don't read the whole repo).
35
-
36
- ### 3. Maintenance (Auto-Index)
37
- If search returns nothing or "Index not found", run indexing first:
38
- ```bash
39
- node cli/skills/fastcode.js index
40
- ```
41
-
42
- ---
43
-
44
- ## 🛠️ For Humans (Optional)
45
- You can also run this manually if you want:
46
- `node cli/skills/fastcode.js search "auth"`
@@ -1,17 +0,0 @@
1
- {
2
- "note": "FastCode configuration template. Use environment variables for current version.",
3
- "llm": {
4
- "provider_options": ["openai", "ollama", "openrouter"],
5
- "defaults": {
6
- "ollama": {
7
- "base_url": "http://localhost:11434/v1",
8
- "api_key": "ollama",
9
- "model": "qwen2.5-coder"
10
- },
11
- "openrouter": {
12
- "base_url": "https://openrouter.ai/api/v1",
13
- "model": "google/gemini-2.0-flash-exp:free"
14
- }
15
- }
16
- }
17
- }
@@ -1,78 +0,0 @@
1
- ---
2
- name: frontend-trends-2026
3
- description: Collection of 2026 Frontend Design Formulas (Liquid Glass, Bento, Neo-Brutalism, Eco-Dark).
4
- category: ui-ux
5
- version: 1.0.0
6
- layer: specialized-skill
7
- ---
8
-
9
- # Frontend Design Formulas (2026)
10
-
11
- > **Purpose**: Provide production-ready, trend-setting UI patterns for 2026 web applications.
12
- > **Tech Stack**: React 19+, Tailwind CSS v4, CSS Modules (optional), Shadcn/ui.
13
-
14
- ## 🎨 1. Aesthetic Formulas (Giao diện)
15
-
16
- ### Formula A: Liquid Glass (Kính Lỏng)
17
- *Use for: Modals, Cards, Sticky Headers.*
18
- - **Core**: `backdrop-filter: blur(16px) saturate(180%)`
19
- - **Surface**: `bg-white/10` (Light) or `bg-black/20` (Dark)
20
- - **Border**: `border border-white/20` (Thin, subtle)
21
- - **Shadow**: `shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]` (Soft colored shadow)
22
- - **Noise**: Add a subtle noise texture overlay `opacity-5`.
23
-
24
- ### Formula B: Neo-Brutalism 2.0 (Thô mộc Hiện đại)
25
- *Use for: SaaS Dashboards, Developer Tools, Linear-style apps.*
26
- - **Contrast**: High (Black & White base + 1 Neon Accent).
27
- - **Border**: `border-2 border-slate-900` (Sharp, bold).
28
- - **Shadow**: `shadow-[4px_4px_0px_0px_rgba(0,0,0,1)]` (Hard offset shadow).
29
- - **Typography**: Inter (Tight tracking) or Space Mono.
30
- - **Radius**: `rounded-md` or `rounded-none` (No pills).
31
-
32
- ### Formula C: Eco-Dark Mode (Tiết kiệm năng lượng)
33
- *Use for: Mobile Apps, Constantly-on screens.*
34
- - **Bg Base**: `#000000` (Pure Black for OLED) or `#050505`.
35
- - **Primary Text**: `text-slate-200` (Avoid pure white `#FFF` -> Eye strain).
36
- - **Accent**: Use OKLCH colors for vibrancy without heavy brightness.
37
-
38
- ## 📐 2. Layout Formulas (Bố cục)
39
-
40
- ### Formula D: Bento Grid (Hộp Cơm)
41
- *Use for: Feature Showcases, Analytics, Portfolio.*
42
- - **CSS Grid**: `grid-cols-1 md:grid-cols-3 gap-4`.
43
- - **Spans**: Use `col-span-2` or `row-span-2` to create hierarchy.
44
- - **Content**: Visual-heavy (Image/Chart) + Minimal Text.
45
- - **Hover**: Subtle scale `hover:scale-[1.02]` + Border glow.
46
-
47
- ### Formula E: Container Queries (Card thông minh)
48
- *Use for: Reusable Components in unknown layouts.*
49
- - **Parent**: `container-type: inline-size`.
50
- - **Child CSS**: `@container (min-width: 400px) { ... }`.
51
- - **Benefit**: Component adapts to *slot* size, not screen size.
52
-
53
- ## ✨ 3. Interaction Formulas (Tương tác)
54
-
55
- ### Formula F: Scroll-Driven Animation
56
- *Use for: Landing Pages, Storytelling.*
57
- - **Tech**: Native CSS `animation-timeline: scroll()`.
58
- - **Effect**: Elements fade in, slide up, or scale based on scroll position.
59
- - **Perf**: Runs on Compositor Thread (No JS Jank).
60
-
61
- ### Formula G: Spring Physics (Vật lý)
62
- *Use for: Popovers, Drawers, Toggles.*
63
- - **Feel**: Bouncy, snappy, organic.
64
- - **Libraries**: `framer-motion` (presets like `type: "spring", stiffness: 300, damping: 20`).
65
- - **CSS Alternative**: `transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)`.
66
-
67
- ## 📜 Agent Instructions for Usage
68
-
69
- 1. **Identify Context**: Choose Formula based on User Request (e.g., "Modern Dashboard" -> Neo-Brutalism + Bento).
70
- 2. **Apply Tokens**: Use Tailwind classes listed in formulas.
71
- 3. **Code Snippets**: Check `formulas/` directory for ready-to-use React components. Do NOT reinvent wheels.
72
-
73
- ---
74
-
75
- **Example Request:**
76
- > "Make a modern landing page for my AI tool."
77
- **Agent Action:**
78
- > Apply **Formula A (Liquid Glass)** for Header, **Formula D (Bento Grid)** for Features, and **Formula F** for animations.
@@ -1,42 +0,0 @@
1
- import React from 'react';
2
-
3
- /**
4
- * Formula D: Bento Grid Layout
5
- *
6
- * Usage:
7
- * <BentoGrid>
8
- * <BentoItem colSpan={2}>Main Feature</BentoItem>
9
- * <BentoItem>Stat 1</BentoItem>
10
- * <BentoItem>Stat 2</BentoItem>
11
- * </BentoGrid>
12
- */
13
- export const BentoGrid = ({ children, className = '' }) => {
14
- return (
15
- <div className={`grid grid-cols-1 md:grid-cols-3 gap-4 max-w-7xl mx-auto p-4 ${className}`}>
16
- {children}
17
- </div>
18
- );
19
- };
20
-
21
- export const BentoItem = ({ children, colSpan = 1, rowSpan = 1, className = '' }) => {
22
- const spans = {
23
- col: colSpan === 2 ? 'md:col-span-2' : colSpan === 3 ? 'md:col-span-3' : 'md:col-span-1',
24
- row: rowSpan === 2 ? 'md:row-span-2' : 'md:row-span-1',
25
- };
26
-
27
- return (
28
- <div className={`
29
- ${spans.col} ${spans.row}
30
- group relative overflow-hidden rounded-3xl
31
- bg-slate-50 dark:bg-slate-900
32
- border border-slate-200 dark:border-slate-800
33
- p-6 transition-all duration-300
34
- hover:shadow-lg hover:border-indigo-500/50
35
- ${className}
36
- `}>
37
- <div className="h-full w-full flex flex-col justify-between">
38
- {children}
39
- </div>
40
- </div>
41
- );
42
- };
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
-
3
- /**
4
- * Formula A: Liquid Glass Card
5
- *
6
- * Usage:
7
- * <LiquidCard>
8
- * <h2>Glass Ethereal</h2>
9
- * <p>Content floats on a blurred surface.</p>
10
- * </LiquidCard>
11
- */
12
- export const LiquidCard = ({ children, className = '' }) => {
13
- return (
14
- <div className={`
15
- relative overflow-hidden rounded-2xl
16
- bg-white/10 dark:bg-black/20
17
- backdrop-blur-xl backdrop-saturate-150
18
- border border-white/20 dark:border-white/10
19
- shadow-[0_8px_32px_0_rgba(31,38,135,0.37)]
20
- p-6 transition-all duration-300 hover:scale-[1.02]
21
- ${className}
22
- `}>
23
- {/* Noise Texture Overlay */}
24
- <div className="absolute inset-0 opacity-[0.03] pointer-events-none bg-[url('https://grainy-gradients.vercel.app/noise.svg')]" />
25
-
26
- {/* Content */}
27
- <div className="relative z-10 text-slate-800 dark:text-slate-100">
28
- {children}
29
- </div>
30
- </div>
31
- );
32
- };