codeply-cli 0.3.0 → 0.4.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 (375) hide show
  1. package/THIRD_PARTY_NOTICES.md +63 -63
  2. package/bin/codeply.js +129 -6
  3. package/lib/agent.mjs +2139 -2139
  4. package/lib/ai.mjs +6 -6
  5. package/lib/apply-patch.js +217 -217
  6. package/lib/arity-table.json +138 -138
  7. package/lib/arity.js +70 -70
  8. package/lib/auth.mjs +6 -6
  9. package/lib/cloud.mjs +708 -0
  10. package/lib/commands.js +103 -103
  11. package/lib/design-library/assemble-artifact.mjs +21 -21
  12. package/lib/design-library/cleanup.mjs +45 -45
  13. package/lib/design-library/index.json +22379 -22379
  14. package/lib/design-library/make-table-data.mjs +39 -39
  15. package/lib/diagnostics.js +192 -192
  16. package/lib/edit-engine.js +364 -364
  17. package/lib/github-agent.mjs +311 -290
  18. package/lib/history.js +75 -75
  19. package/lib/mcp.js +258 -258
  20. package/lib/native-tools.mjs +189 -189
  21. package/lib/oauth-connectors.js +2 -1
  22. package/lib/permissions.js +109 -109
  23. package/lib/plugins.js +353 -353
  24. package/lib/server.mjs +457 -457
  25. package/lib/session-db.js +220 -220
  26. package/lib/share.js +168 -168
  27. package/lib/skills.js +416 -416
  28. package/lib/snapshot.js +146 -146
  29. package/lib/terminal-hints.js +154 -154
  30. package/lib/tools.mjs +2012 -2012
  31. package/lib/typecheck-worker.js +147 -147
  32. package/lib/web-tools.js +158 -158
  33. package/package.json +49 -47
  34. package/skills/SOURCE.md +58 -58
  35. package/skills/accessibility/SKILL.md +147 -147
  36. package/skills/agent-architecture-audit/SKILL.md +257 -257
  37. package/skills/agent-eval/SKILL.md +147 -147
  38. package/skills/agent-harness-construction/SKILL.md +74 -74
  39. package/skills/agent-introspection-debugging/SKILL.md +154 -154
  40. package/skills/agent-payment-x402/SKILL.md +225 -225
  41. package/skills/agent-self-evaluation/SKILL.md +182 -182
  42. package/skills/agent-self-evaluation/references/evaluation-criteria.md +71 -71
  43. package/skills/agent-self-evaluation/references/hook-integration.md +64 -64
  44. package/skills/agent-sort/SKILL.md +216 -216
  45. package/skills/agentic-engineering/SKILL.md +64 -64
  46. package/skills/agentic-os/SKILL.md +388 -388
  47. package/skills/ai-first-engineering/SKILL.md +52 -52
  48. package/skills/ai-regression-testing/SKILL.md +386 -386
  49. package/skills/android-clean-architecture/SKILL.md +340 -340
  50. package/skills/angular-developer/SKILL.md +155 -155
  51. package/skills/angular-developer/references/angular-animations.md +160 -160
  52. package/skills/angular-developer/references/angular-aria.md +410 -410
  53. package/skills/angular-developer/references/cli.md +86 -86
  54. package/skills/angular-developer/references/component-harnesses.md +59 -59
  55. package/skills/angular-developer/references/component-styling.md +91 -91
  56. package/skills/angular-developer/references/components.md +117 -117
  57. package/skills/angular-developer/references/creating-services.md +97 -97
  58. package/skills/angular-developer/references/data-resolvers.md +69 -69
  59. package/skills/angular-developer/references/define-routes.md +67 -67
  60. package/skills/angular-developer/references/defining-providers.md +72 -72
  61. package/skills/angular-developer/references/di-fundamentals.md +120 -120
  62. package/skills/angular-developer/references/e2e-testing.md +56 -56
  63. package/skills/angular-developer/references/effects.md +83 -83
  64. package/skills/angular-developer/references/hierarchical-injectors.md +43 -43
  65. package/skills/angular-developer/references/host-elements.md +80 -80
  66. package/skills/angular-developer/references/injection-context.md +63 -63
  67. package/skills/angular-developer/references/inputs.md +101 -101
  68. package/skills/angular-developer/references/linked-signal.md +59 -59
  69. package/skills/angular-developer/references/loading-strategies.md +61 -61
  70. package/skills/angular-developer/references/mcp.md +108 -108
  71. package/skills/angular-developer/references/navigate-to-routes.md +69 -69
  72. package/skills/angular-developer/references/outputs.md +86 -86
  73. package/skills/angular-developer/references/reactive-forms.md +122 -122
  74. package/skills/angular-developer/references/rendering-strategies.md +44 -44
  75. package/skills/angular-developer/references/resource.md +77 -77
  76. package/skills/angular-developer/references/route-animations.md +56 -56
  77. package/skills/angular-developer/references/route-guards.md +52 -52
  78. package/skills/angular-developer/references/router-lifecycle.md +45 -45
  79. package/skills/angular-developer/references/router-testing.md +87 -87
  80. package/skills/angular-developer/references/show-routes-with-outlets.md +68 -68
  81. package/skills/angular-developer/references/signal-forms.md +795 -795
  82. package/skills/angular-developer/references/signals-overview.md +94 -94
  83. package/skills/angular-developer/references/tailwind-css.md +69 -69
  84. package/skills/angular-developer/references/template-driven-forms.md +114 -114
  85. package/skills/angular-developer/references/testing-fundamentals.md +65 -65
  86. package/skills/api-connector-builder/SKILL.md +121 -121
  87. package/skills/api-design/SKILL.md +524 -524
  88. package/skills/architecture-decision-records/SKILL.md +180 -180
  89. package/skills/article-writing/SKILL.md +80 -80
  90. package/skills/automation-audit-ops/SKILL.md +143 -143
  91. package/skills/autonomous-agent-harness/SKILL.md +274 -274
  92. package/skills/autonomous-loops/SKILL.md +611 -611
  93. package/skills/backend-patterns/SKILL.md +562 -562
  94. package/skills/benchmark/SKILL.md +95 -95
  95. package/skills/benchmark-methodology/SKILL.md +191 -191
  96. package/skills/benchmark-optimization-loop/SKILL.md +71 -71
  97. package/skills/blender-motion-state-inspection/SKILL.md +165 -165
  98. package/skills/blueprint/SKILL.md +106 -106
  99. package/skills/brand-discovery/SKILL.md +145 -145
  100. package/skills/brand-discovery/references/10_purpose-why.md +40 -40
  101. package/skills/brand-discovery/references/20_positioning.md +44 -44
  102. package/skills/brand-discovery/references/30_audience-niche.md +52 -52
  103. package/skills/brand-discovery/references/40_personality-archetype.md +57 -57
  104. package/skills/brand-discovery/references/50_voice-tone.md +59 -59
  105. package/skills/brand-discovery/references/60_narrative-story.md +50 -50
  106. package/skills/brand-discovery/references/70_founder-tension.md +49 -49
  107. package/skills/brand-discovery/references/90_SYNTHESIS.md +133 -133
  108. package/skills/brand-voice/SKILL.md +98 -98
  109. package/skills/brand-voice/references/voice-profile-schema.md +55 -55
  110. package/skills/browser-qa/SKILL.md +105 -105
  111. package/skills/bun-runtime/SKILL.md +85 -85
  112. package/skills/canary-watch/SKILL.md +108 -108
  113. package/skills/carrier-relationship-management/SKILL.md +212 -212
  114. package/skills/cisco-ios-patterns/SKILL.md +164 -164
  115. package/skills/ck/SKILL.md +148 -148
  116. package/skills/claude-devfleet/SKILL.md +112 -112
  117. package/skills/click-path-audit/SKILL.md +245 -245
  118. package/skills/clickhouse-io/SKILL.md +445 -445
  119. package/skills/code-tour/SKILL.md +254 -254
  120. package/skills/codebase-onboarding/SKILL.md +234 -234
  121. package/skills/codehealth-mcp/SKILL.md +167 -167
  122. package/skills/coding-standards/SKILL.md +551 -551
  123. package/skills/competitive-platform-analysis/SKILL.md +214 -214
  124. package/skills/competitive-report-structure/SKILL.md +162 -162
  125. package/skills/compose-multiplatform-patterns/SKILL.md +300 -300
  126. package/skills/config-gc/SKILL.md +120 -120
  127. package/skills/configure-ecc/SKILL.md +385 -385
  128. package/skills/connections-optimizer/SKILL.md +190 -190
  129. package/skills/content-engine/SKILL.md +132 -132
  130. package/skills/content-hash-cache-pattern/SKILL.md +162 -162
  131. package/skills/context-budget/SKILL.md +136 -136
  132. package/skills/continuous-agent-loop/SKILL.md +46 -46
  133. package/skills/continuous-learning/SKILL.md +132 -132
  134. package/skills/continuous-learning-v2/SKILL.md +361 -361
  135. package/skills/contract-first/SKILL.md +287 -287
  136. package/skills/cost-aware-llm-pipeline/SKILL.md +184 -184
  137. package/skills/cost-tracking/SKILL.md +97 -97
  138. package/skills/council/SKILL.md +204 -204
  139. package/skills/cpp-coding-standards/SKILL.md +724 -724
  140. package/skills/cpp-testing/SKILL.md +325 -325
  141. package/skills/crosspost/SKILL.md +112 -112
  142. package/skills/csharp-testing/SKILL.md +322 -322
  143. package/skills/customer-billing-ops/SKILL.md +141 -141
  144. package/skills/customs-trade-compliance/SKILL.md +263 -263
  145. package/skills/dart-flutter-patterns/SKILL.md +564 -564
  146. package/skills/dashboard-builder/SKILL.md +109 -109
  147. package/skills/data-scraper-agent/SKILL.md +765 -765
  148. package/skills/data-throughput-accelerator/SKILL.md +74 -74
  149. package/skills/database-migrations/SKILL.md +430 -430
  150. package/skills/deep-research/SKILL.md +160 -160
  151. package/skills/defi-amm-security/SKILL.md +167 -167
  152. package/skills/delivery-gate/SKILL.md +126 -126
  153. package/skills/deployment-patterns/SKILL.md +428 -428
  154. package/skills/design-system/SKILL.md +83 -83
  155. package/skills/django-celery/SKILL.md +458 -458
  156. package/skills/django-patterns/SKILL.md +735 -735
  157. package/skills/django-security/SKILL.md +644 -644
  158. package/skills/django-tdd/SKILL.md +730 -730
  159. package/skills/django-verification/SKILL.md +470 -470
  160. package/skills/dmux-workflows/SKILL.md +192 -192
  161. package/skills/docker-patterns/SKILL.md +365 -365
  162. package/skills/documentation-lookup/SKILL.md +91 -91
  163. package/skills/dotnet-patterns/SKILL.md +322 -322
  164. package/skills/dynamic-workflow-mode/SKILL.md +124 -124
  165. package/skills/e2e-testing/SKILL.md +327 -327
  166. package/skills/ecc-guide/SKILL.md +190 -190
  167. package/skills/ecc-recipes/SKILL.md +149 -149
  168. package/skills/ecc-tools-cost-audit/SKILL.md +161 -161
  169. package/skills/email-ops/SKILL.md +122 -122
  170. package/skills/energy-procurement/SKILL.md +228 -228
  171. package/skills/enterprise-agent-ops/SKILL.md +51 -51
  172. package/skills/error-handling/SKILL.md +377 -377
  173. package/skills/eval-harness/SKILL.md +271 -271
  174. package/skills/evm-token-decimals/SKILL.md +131 -131
  175. package/skills/exa-search/SKILL.md +108 -108
  176. package/skills/fal-ai-media/SKILL.md +289 -289
  177. package/skills/fastapi-patterns/SKILL.md +514 -514
  178. package/skills/finance-billing-ops/SKILL.md +128 -128
  179. package/skills/flox-environments/SKILL.md +497 -497
  180. package/skills/flutter-dart-code-review/SKILL.md +436 -436
  181. package/skills/foundation-models-on-device/SKILL.md +243 -243
  182. package/skills/frontend-a11y/SKILL.md +446 -446
  183. package/skills/frontend-design-direction/SKILL.md +93 -93
  184. package/skills/frontend-patterns/SKILL.md +657 -657
  185. package/skills/frontend-slides/SKILL.md +185 -185
  186. package/skills/fsharp-testing/SKILL.md +281 -281
  187. package/skills/gan-style-harness/SKILL.md +279 -279
  188. package/skills/gateguard/SKILL.md +133 -133
  189. package/skills/generating-python-installer/SKILL.md +820 -820
  190. package/skills/git-workflow/SKILL.md +716 -716
  191. package/skills/github-ops/SKILL.md +145 -145
  192. package/skills/golang-patterns/SKILL.md +676 -676
  193. package/skills/golang-testing/SKILL.md +721 -721
  194. package/skills/google-workspace-ops/SKILL.md +96 -96
  195. package/skills/growth-log/SKILL.md +128 -128
  196. package/skills/healthcare-cdss-patterns/SKILL.md +246 -246
  197. package/skills/healthcare-emr-patterns/SKILL.md +160 -160
  198. package/skills/healthcare-eval-harness/SKILL.md +208 -208
  199. package/skills/healthcare-phi-compliance/SKILL.md +146 -146
  200. package/skills/hermes-imports/SKILL.md +89 -89
  201. package/skills/hexagonal-architecture/SKILL.md +277 -277
  202. package/skills/hipaa-compliance/SKILL.md +79 -79
  203. package/skills/homelab-network-readiness/SKILL.md +170 -170
  204. package/skills/homelab-network-setup/SKILL.md +130 -130
  205. package/skills/homelab-pihole-dns/SKILL.md +275 -275
  206. package/skills/homelab-vlan-segmentation/SKILL.md +312 -312
  207. package/skills/homelab-wireguard-vpn/SKILL.md +306 -306
  208. package/skills/hookify-rules/SKILL.md +128 -128
  209. package/skills/inherit-legacy-style/SKILL.md +157 -157
  210. package/skills/intent-driven-development/SKILL.md +360 -360
  211. package/skills/inventory-demand-planning/SKILL.md +247 -247
  212. package/skills/investor-materials/SKILL.md +97 -97
  213. package/skills/investor-outreach/SKILL.md +92 -92
  214. package/skills/ios-icon-gen/SKILL.md +158 -158
  215. package/skills/iterative-retrieval/SKILL.md +212 -212
  216. package/skills/ito-basket-compare/SKILL.md +64 -64
  217. package/skills/ito-compute/SKILL.md +129 -129
  218. package/skills/ito-data-atlas-agent/SKILL.md +64 -64
  219. package/skills/ito-market-intelligence/SKILL.md +61 -61
  220. package/skills/ito-trade-planner/SKILL.md +68 -68
  221. package/skills/java-coding-standards/SKILL.md +384 -384
  222. package/skills/jira-integration/SKILL.md +303 -303
  223. package/skills/jpa-patterns/SKILL.md +152 -152
  224. package/skills/knowledge-ops/SKILL.md +155 -155
  225. package/skills/kotlin-coroutines-flows/SKILL.md +285 -285
  226. package/skills/kotlin-exposed-patterns/SKILL.md +720 -720
  227. package/skills/kotlin-ktor-patterns/SKILL.md +690 -690
  228. package/skills/kotlin-patterns/SKILL.md +712 -712
  229. package/skills/kotlin-testing/SKILL.md +825 -825
  230. package/skills/kubernetes-patterns/SKILL.md +756 -756
  231. package/skills/laravel-patterns/SKILL.md +416 -416
  232. package/skills/laravel-plugin-discovery/SKILL.md +230 -230
  233. package/skills/laravel-security/SKILL.md +948 -948
  234. package/skills/laravel-tdd/SKILL.md +675 -675
  235. package/skills/laravel-verification/SKILL.md +180 -180
  236. package/skills/latency-critical-systems/SKILL.md +75 -75
  237. package/skills/lead-intelligence/SKILL.md +322 -322
  238. package/skills/liquid-glass-design/SKILL.md +279 -279
  239. package/skills/llm-trading-agent-security/SKILL.md +147 -147
  240. package/skills/logistics-exception-management/SKILL.md +222 -222
  241. package/skills/loop-design-check/SKILL.md +143 -143
  242. package/skills/mailtrap-email-integration/SKILL.md +77 -77
  243. package/skills/make-interfaces-feel-better/SKILL.md +152 -152
  244. package/skills/manim-video/SKILL.md +90 -90
  245. package/skills/market-research/SKILL.md +76 -76
  246. package/skills/marketing-campaign/SKILL.md +114 -114
  247. package/skills/mcp-server-patterns/SKILL.md +70 -70
  248. package/skills/messages-ops/SKILL.md +105 -105
  249. package/skills/ml-adoption-playbook/SKILL.md +57 -57
  250. package/skills/mle-workflow/SKILL.md +348 -348
  251. package/skills/motion-advanced/SKILL.md +596 -596
  252. package/skills/motion-foundations/SKILL.md +299 -299
  253. package/skills/motion-patterns/SKILL.md +434 -434
  254. package/skills/motion-ui/SKILL.md +576 -576
  255. package/skills/mysql-patterns/SKILL.md +413 -413
  256. package/skills/nanoclaw-repl/SKILL.md +34 -34
  257. package/skills/nestjs-patterns/SKILL.md +231 -231
  258. package/skills/netmiko-ssh-automation/SKILL.md +174 -174
  259. package/skills/network-bgp-diagnostics/SKILL.md +168 -168
  260. package/skills/network-config-validation/SKILL.md +211 -211
  261. package/skills/network-interface-health/SKILL.md +153 -153
  262. package/skills/nextjs-turbopack/SKILL.md +58 -58
  263. package/skills/nodejs-keccak256/SKILL.md +103 -103
  264. package/skills/nutrient-document-processing/SKILL.md +168 -168
  265. package/skills/nuxt4-patterns/SKILL.md +101 -101
  266. package/skills/openclaw-persona-forge/SKILL.md +289 -289
  267. package/skills/openclaw-persona-forge/references/avatar-style.md +124 -124
  268. package/skills/openclaw-persona-forge/references/boundary-rules.md +53 -53
  269. package/skills/openclaw-persona-forge/references/error-handling.md +53 -53
  270. package/skills/openclaw-persona-forge/references/identity-tension.md +48 -48
  271. package/skills/openclaw-persona-forge/references/naming-system.md +39 -39
  272. package/skills/openclaw-persona-forge/references/output-template.md +166 -166
  273. package/skills/opensource-pipeline/SKILL.md +256 -256
  274. package/skills/orch-add-feature/SKILL.md +45 -45
  275. package/skills/orch-build-mvp/SKILL.md +49 -49
  276. package/skills/orch-change-feature/SKILL.md +43 -43
  277. package/skills/orch-fix-defect/SKILL.md +43 -43
  278. package/skills/orch-pipeline/SKILL.md +121 -121
  279. package/skills/orch-refine-code/SKILL.md +44 -44
  280. package/skills/parallel-execution-optimizer/SKILL.md +74 -74
  281. package/skills/perl-patterns/SKILL.md +505 -505
  282. package/skills/perl-security/SKILL.md +504 -504
  283. package/skills/perl-testing/SKILL.md +476 -476
  284. package/skills/plan-canvas/SKILL.md +153 -153
  285. package/skills/plan-orchestrate/SKILL.md +263 -263
  286. package/skills/plankton-code-quality/SKILL.md +237 -237
  287. package/skills/postgres-patterns/SKILL.md +148 -148
  288. package/skills/prediction-market-oracle-research/SKILL.md +64 -64
  289. package/skills/prediction-market-risk-review/SKILL.md +61 -61
  290. package/skills/premium-web-design/SKILL.md +154 -154
  291. package/skills/prisma-patterns/SKILL.md +401 -401
  292. package/skills/product-capability/SKILL.md +142 -142
  293. package/skills/product-lens/SKILL.md +93 -93
  294. package/skills/production-audit/SKILL.md +207 -207
  295. package/skills/production-scheduling/SKILL.md +238 -238
  296. package/skills/project-flow-ops/SKILL.md +112 -112
  297. package/skills/prompt-optimizer/SKILL.md +398 -398
  298. package/skills/python-patterns/SKILL.md +751 -751
  299. package/skills/python-testing/SKILL.md +817 -817
  300. package/skills/pytorch-patterns/SKILL.md +397 -397
  301. package/skills/quality-nonconformance/SKILL.md +260 -260
  302. package/skills/quarkus-patterns/SKILL.md +723 -723
  303. package/skills/quarkus-security/SKILL.md +468 -468
  304. package/skills/quarkus-tdd/SKILL.md +812 -812
  305. package/skills/quarkus-verification/SKILL.md +480 -480
  306. package/skills/ralphinho-rfc-pipeline/SKILL.md +68 -68
  307. package/skills/react-native-patterns/SKILL.md +326 -326
  308. package/skills/react-patterns/SKILL.md +342 -342
  309. package/skills/react-performance/SKILL.md +575 -575
  310. package/skills/react-testing/SKILL.md +424 -424
  311. package/skills/recsys-pipeline-architect/SKILL.md +115 -115
  312. package/skills/recursive-decision-ledger/SKILL.md +81 -81
  313. package/skills/redis-patterns/SKILL.md +404 -404
  314. package/skills/regex-vs-llm-structured-text/SKILL.md +221 -221
  315. package/skills/remotion-video-creation/SKILL.md +43 -43
  316. package/skills/repo-scan/SKILL.md +79 -79
  317. package/skills/research-ops/SKILL.md +113 -113
  318. package/skills/returns-reverse-logistics/SKILL.md +240 -240
  319. package/skills/rules-distill/SKILL.md +265 -265
  320. package/skills/rust-patterns/SKILL.md +500 -500
  321. package/skills/rust-testing/SKILL.md +501 -501
  322. package/skills/safety-guard/SKILL.md +76 -76
  323. package/skills/santa-method/SKILL.md +307 -307
  324. package/skills/scientific-db-pubmed-database/SKILL.md +176 -176
  325. package/skills/scientific-db-uspto-database/SKILL.md +178 -178
  326. package/skills/scientific-pkg-gget/SKILL.md +167 -167
  327. package/skills/scientific-thinking-literature-review/SKILL.md +193 -193
  328. package/skills/scientific-thinking-scholar-evaluation/SKILL.md +161 -161
  329. package/skills/search-first/SKILL.md +183 -183
  330. package/skills/security-bounty-hunter/SKILL.md +100 -100
  331. package/skills/security-review/SKILL.md +504 -504
  332. package/skills/security-scan/SKILL.md +166 -166
  333. package/skills/seo/SKILL.md +155 -155
  334. package/skills/skill-comply/SKILL.md +59 -59
  335. package/skills/skill-scout/SKILL.md +141 -141
  336. package/skills/skill-stocktake/SKILL.md +195 -195
  337. package/skills/social-graph-ranker/SKILL.md +155 -155
  338. package/skills/social-publisher/SKILL.md +130 -130
  339. package/skills/springboot-patterns/SKILL.md +315 -315
  340. package/skills/springboot-security/SKILL.md +273 -273
  341. package/skills/springboot-tdd/SKILL.md +159 -159
  342. package/skills/springboot-verification/SKILL.md +232 -232
  343. package/skills/strategic-compact/SKILL.md +142 -142
  344. package/skills/swift-actor-persistence/SKILL.md +144 -144
  345. package/skills/swift-concurrency-6-2/SKILL.md +216 -216
  346. package/skills/swift-protocol-di-testing/SKILL.md +191 -191
  347. package/skills/swiftui-patterns/SKILL.md +259 -259
  348. package/skills/taste/SKILL.md +264 -264
  349. package/skills/taste/references/genre-taxonomy.md +87 -87
  350. package/skills/tdd-workflow/SKILL.md +583 -583
  351. package/skills/team-agent-orchestration/SKILL.md +111 -111
  352. package/skills/team-builder/SKILL.md +169 -169
  353. package/skills/terminal-ops/SKILL.md +110 -110
  354. package/skills/tinystruct-patterns/SKILL.md +279 -279
  355. package/skills/tinystruct-patterns/references/architecture.md +90 -90
  356. package/skills/tinystruct-patterns/references/data-handling.md +60 -60
  357. package/skills/tinystruct-patterns/references/database.md +99 -99
  358. package/skills/tinystruct-patterns/references/routing.md +64 -64
  359. package/skills/tinystruct-patterns/references/system-usage.md +97 -97
  360. package/skills/tinystruct-patterns/references/testing.md +72 -72
  361. package/skills/token-budget-advisor/SKILL.md +134 -134
  362. package/skills/ui-demo/SKILL.md +466 -466
  363. package/skills/ui-to-vue/SKILL.md +135 -135
  364. package/skills/uncloud/SKILL.md +344 -344
  365. package/skills/unified-memory/SKILL.md +170 -170
  366. package/skills/unified-notifications-ops/SKILL.md +188 -188
  367. package/skills/verification-loop/SKILL.md +129 -129
  368. package/skills/video-editing/SKILL.md +311 -311
  369. package/skills/videodb/SKILL.md +375 -375
  370. package/skills/visa-doc-translate/SKILL.md +117 -117
  371. package/skills/vite-patterns/SKILL.md +450 -450
  372. package/skills/vue-patterns/SKILL.md +471 -471
  373. package/skills/windows-desktop-e2e/SKILL.md +888 -888
  374. package/skills/workspace-surface-audit/SKILL.md +126 -126
  375. package/skills/x-api/SKILL.md +235 -235
@@ -1,264 +1,264 @@
1
- ---
2
- name: taste
3
- description: A creative-direction (taste) layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop visual family. Distills a named-genre aesthetic vocabulary, a mood + color + light system, and a beat-synced editing grammar, then chains ECC's video skills (video-editing, fal-ai-media, remotion-video-creation, motion-*, content-engine) into one production pipeline. Use when the work is not just making a video function but making it feel intentional, when building a music video, a fancam/edit, a moodboard-driven reel, or when choosing a coherent visual direction for AI-generated b-roll.
4
- origin: ECC
5
- ---
6
-
7
- # Taste
8
-
9
- Most AI video advice stops at *how to render frames*. This skill is the layer above
10
- that: **what the frames should look like, in what order, cut to what rhythm, so the
11
- result reads as one intentional thing instead of a pile of generations.**
12
-
13
- It encodes a specific taste — the **angelcore / cloud-trance / hyperpop** family
14
- (Bladee "Silver Surfer"-era ethereal trance crossed with heavy angelcore) — distilled
15
- from a corpus of saved Reels and a tour through a ~70-entry visual-genre library. It
16
- is opinionated on purpose. Taste is a point of view, not a menu.
17
-
18
- > The companion file `references/genre-taxonomy.md` holds the full named-genre catalog.
19
- > This file is the actionable layer: mood, grammar, pipeline, and a beat-mapped shot plan.
20
-
21
- ## When to Activate
22
-
23
- - Building a **music video**, lyric video, fancam, or visualizer.
24
- - Making a short-form **edit / reel** where the *feel* matters more than the information.
25
- - Driving **AI b-roll generation** (fal.ai, Veo, Kling, etc.) and the prompts need a
26
- coherent direction instead of one-off vibes.
27
- - Assembling a **moodboard** or choosing a visual genre before any rendering.
28
- - The user says "taste", "make it feel like X", "give it a direction", "angelcore",
29
- "cloud trance", "hyperpop edit", "Bladee", "dreamcore", or names a saved reference.
30
- - The current edit works but reads as flat, generic, AI-slop, or stylistically incoherent.
31
-
32
- This skill sits **on top of** `video-editing` (the mechanics) and `remotion-video-creation`
33
- (the renderer). Use those for *how*. Use this for *what and why*.
34
-
35
- ## Core Thesis
36
-
37
- 1. **Taste is the last layer, and it must be decided first.** `video-editing` correctly
38
- says taste is the final human pass. The trap: if you only decide taste at the end, every
39
- generation and cut upstream was a guess. Pick the direction *before* the first prompt,
40
- then let it constrain everything.
41
- 2. **Coherence beats novelty.** One look executed across 30 shots beats 30 looks. A named
42
- genre (below) is a constraint that buys coherence for free.
43
- 3. **Cut to the song, not to the footage.** In a music video the timeline is the waveform.
44
- Every hard cut lands on a beat or a transient. Frame math is in the pipeline section.
45
- 4. **Generate selectively, edit ruthlessly.** AI makes b-roll that does not exist; it does
46
- not make taste. You still throw away 80%.
47
-
48
- ## The Aesthetic Vocabulary (distilled)
49
-
50
- The reference corpus tours a large library of *named* visual genres. The full list lives in
51
- `references/genre-taxonomy.md`. The useful move is not memorizing 70 names — it is seeing
52
- that **a genre name is a complete prompt-and-grade preset.** When you pick one, you inherit
53
- its palette, texture, lighting, and subject matter as a unit.
54
-
55
- The genres cluster into families. Pick a **primary** family and at most **one accent**:
56
-
57
- | Family | Genres in it | Reads as |
58
- |--------|-------------|----------|
59
- | **Ethereal / divine** | spiritualism, glacial folk, beacons, zen core, fairy tale | weightless, holy, glowing, soft |
60
- | **Hyperpop / Y2K-cyber** | cyberdelia, acid house, acid nora, neo aggressano, new liquid | glossy, chrome, neon, kawaii-cyber |
61
- | **Dark / occult** | dark academia, smoke nostalgia, communist core, abstract tech | high-contrast, ominous, grain |
62
- | **Retro / print** | retro surfers, art deco, adventure pulp, classic advertising, magazine collage, bumper stickers | flat, graphic, halftone, nostalgic |
63
- | **Organic / textural** | microbiology core, weaving patterns, fruitage retro, cozy blanket, pacific punk wave | tactile, macro, woven, wet |
64
- | **Systemic / data** | numbers, mazes, code web, heatmap, pixel, 8-bit | gridded, generative, schematic |
65
-
66
- **For the current project**, the primary is **Ethereal / divine** with a **Hyperpop / Y2K-cyber**
67
- accent — i.e. holy light and crystalline bloom, punctuated by chrome and neon. That pairing
68
- *is* the angelcore × cloud-trance brief.
69
-
70
- ## The Mood System — angelcore × cloud-trance
71
-
72
- Distilled directly from the strongest reference reels. This is the concrete grade.
73
-
74
- ### Palette
75
- - **Base:** near-black void (#05060a) and bone white (#f4f1ea). Most frames are one or the other.
76
- - **Divine accent:** molten gold / ember orange (#ffb24d → #ff7a18) — the *one warm light* in the dark.
77
- - **Crystalline accent:** iridescent violet→cyan→magenta bokeh (#8a6bff, #4fc3ff, #ff6ad5) — the
78
- hyperpop bloom, used in bright frames.
79
- - **Danger accent (sparingly):** a single glowing red (#ff2a2a) on monochrome — for one or two
80
- shock cuts only.
81
- - **Hyperpop subject:** candy pink hair / chrome / glossy white against blue sky.
82
-
83
- Rule: **one accent per shot.** Gold lives in dark frames; iridescence lives in light frames;
84
- never both in one shot.
85
-
86
- ### Light & texture
87
- - Darkness pierced by a single warm source (ember bloom, divine shaft). High contrast, deep blacks.
88
- - Crystalline / glitter bokeh, lens flares, bloom, light leaks — *heavenly*, not dirty.
89
- - Film grain + subtle chromatic aberration on the dark frames; clean gloss on the bright frames.
90
- - Macro detail on negative space: a hero object centered on black (key, eye, gear, petal, water).
91
- - Subjects: winged figures, clouds, halos, angels, crystalline structures, candy-cyber portraits.
92
-
93
- ### Motion
94
- - Slow, floating, weightless camera (drift, slow push, slow orbit) — *cloud* trance.
95
- - Bursts of speed only at the drop. Otherwise everything breathes.
96
- - Particles rising (embers, dust, glitter) — upward motion = ascension.
97
-
98
- ## The Editing Grammar (distilled)
99
-
100
- From the reference edits, the techniques that recur and define the style:
101
-
102
- 1. **Beat-locked hard cuts.** No dissolves in the verse/drop. Cut on the kick. The eye should
103
- feel the BPM.
104
- 2. **Hero-on-black macro inserts.** A single sharp object centered in black negative space,
105
- held for 1–2 beats, then cut. Rhythmic montage of these = the cloud-trance signature.
106
- 3. **Bloom / explosion reveal.** A white or ember bloom that blows out the frame on a transient,
107
- then resolves into the next shot. The "divine flash" transition.
108
- 4. **Color-pop on monochrome.** Run a passage in B&W, then a single colored element (red eye,
109
- gold flame, pink hair) punches through on the downbeat.
110
- 5. **Speed-ramp into the drop.** Ramp footage from slow to fast across the last bar before the
111
- drop, hard-cut to tempo on the one.
112
- 6. **Caption keyword highlight (for talking-head / lyric sections only).** All-caps, one or two
113
- words highlighted in the accent color, synced to the vocal. Use for lyric video, not for the
114
- pure visualizer.
115
- 7. **Reaction PiP (for explainer/edit-commentary only).** Picture-in-picture talking head over
116
- b-roll. Out of scope for the music video itself; documented because the corpus uses it heavily.
117
-
118
- **Do-nots:** crossfade transitions in tempo sections; more than one accent color per shot; a
119
- shot held past its musical phrase; readable on-screen UI chrome (crop it out); mixed aspect
120
- ratios in one timeline.
121
-
122
- ## The Pipeline — mixing the ECC video skills
123
-
124
- This skill is the conductor. Each ECC skill is an instrument. Do not skip layers.
125
-
126
- ```
127
- 0. TASTE (this skill) decide genre + mood + grammar BEFORE anything renders
128
- 1. STRUCTURE (video-editing) map the song: timestamps for intro/verse/drop/bridge/outro
129
- 2. GENERATE (fal-ai-media) make b-roll per genre prompt-presets; throw away 80%
130
- 3. CUT (video-editing/FFmpeg) beat-cut + reframe to 9:16; assemble selects on the grid
131
- 4. COMPOSE (remotion-video-creation) overlays, blooms, lyric text, beat-synced sequencing
132
- 5. MOTION (motion-* skills) easing curves, light-leak/particle motion, transition timing
133
- 6. AUDIO (fal-ai-media) transition risers/impacts to sell the cuts (track itself is in Ableton)
134
- 7. POLISH grade to the palette above, final pacing pass, export
135
- 8. DISTRIBUTE (content-engine) platform-native versions + caption/cover
136
- ```
137
-
138
- | Step | ECC skill to load | What it does here |
139
- |------|-------------------|-------------------|
140
- | Structure & cut | `video-editing` | FFmpeg cut/concat/reframe, EDL, scene/silence detection |
141
- | Generate b-roll | `fal-ai-media` | image/video models per genre preset |
142
- | Compose & overlay | `remotion-video-creation` | beat-synced `<Sequence>`s, text, blooms, masks |
143
- | Motion timing | `motion-foundations`, `motion-patterns`, `motion-advanced`, `motion-ui` | easing, springs, light/particle motion |
144
- | Server-side video | `videodb` | smart reframe, indexing if footage is large |
145
- | Distribution | `content-engine` | per-platform cuts, covers, captions |
146
- | Voice/lyric VO | `video-editing` (ElevenLabs section) | only if a spoken layer is needed |
147
-
148
- ## Beat Math (lock cuts to the song)
149
-
150
- The current track is **138 BPM, B minor**. Constants:
151
-
152
- - `seconds_per_beat = 60 / 138 = 0.43478s`
153
- - `frames_per_beat = fps × 0.43478` → **24fps: 10.43**, **30fps: 13.04**, **60fps: 26.09**
154
- - `1 bar (4 beats) = 1.7391s` → 30fps: **52.17 frames**
155
- - `8-bar phrase = 13.913s` → the loop length from the track
156
-
157
- In Remotion, snap every `from={}` to a beat:
158
- ```ts
159
- const FPS = 30;
160
- const BPM = 138;
161
- const beat = (n: number) => Math.round(n * (60 / BPM) * FPS); // beat(n) → frame
162
- // cut on beats 0,4,8,... : <Sequence from={beat(0)} durationInFrames={beat(4)}> ...
163
- ```
164
-
165
- ## Beat-Mapped Shot Plan (this music video)
166
-
167
- The song arrangement (from the project's own notes) is
168
- **Intro → Verse → Drop → Bridge → Drop → Outro (~2:05)**. Map taste to each section:
169
-
170
- | Section | Genre/mood lean | Grammar | Shot ideas |
171
- |---------|-----------------|---------|------------|
172
- | **Intro** | Ethereal/divine, near-black | slow push, no cuts | ember bloom in the void; a single shaft of gold; dust rising |
173
- | **Verse** | Dark + macro hero-on-black | hard cuts every 2 beats | key, eye, gear, water drop, petal — rhythmic macro montage |
174
- | **Drop** | Hyperpop bloom + crystalline | speed-ramp in, cut on the one, fast | candy-pink figure, chrome, iridescent bokeh, winged ascension |
175
- | **Bridge** | Spiritualism, weightless | one long held shot, color-pop | clouds + halo; single red accent punches once |
176
- | **Drop 2** | as Drop, intensify | add divine-flash blooms on transients | wings open, glitter burst, light leaks maxed |
177
- | **Outro** | Glacial folk, cold calm | slow fade to black | crystalline structure dissolving; ember dies out |
178
-
179
- ## fal.ai Prompt Presets (per mood)
180
-
181
- Use with `fal-ai-media`. Each preset is the genre rendered to the project palette. Append
182
- `9:16, vertical, cinematic, film grain, volumetric light, no text, no watermark` to all.
183
-
184
- - **Divine void:** "a single molten-gold ember bloom rising in an infinite near-black void,
185
- deep shadow, one warm light source, weightless dust particles, holy, high contrast"
186
- - **Macro hero:** "extreme macro of an antique brass key / a human eye / interlocking gears,
187
- centered on pure black negative space, razor-sharp detail, single rim light"
188
- - **Crystalline bloom:** "iridescent violet-cyan-magenta crystalline bokeh, glittering light
189
- refraction, dreamy lens flares, heavenly glow, soft focus, hyperpop angelcore"
190
- - **Candy-cyber portrait:** "candy-pink-haired figure, glossy chrome accents, bright blue sky,
191
- Y2K hyperpop, clean gloss, saturated, kawaii-cyber"
192
- - **Winged ascension:** "a winged figure ascending into clouds, halo of light, bone-white and
193
- gold, volumetric god-rays, ethereal, religious iconography, soft"
194
- - **Cold outro:** "pale crystalline ice structure slowly dissolving, glacial folk, cold blue
195
- and bone white, minimal, calm, fading to black"
196
-
197
- Generate 6–10 per preset, keep 2–3. For motion, animate stills with an image-to-video model
198
- or generate short clips directly; keep camera moves slow per the Motion rules.
199
-
200
- ## FFmpeg Recipes (cut + reframe)
201
-
202
- ```bash
203
- # Reframe any landscape/raw clip to 9:16 (center crop)
204
- ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4
205
-
206
- # Beat-cut a clip to exactly N beats at 138 BPM (e.g. 2 beats = 0.8696s)
207
- ffmpeg -i in.mp4 -t 0.8696 -c copy beat2.mp4
208
-
209
- # Concatenate beat-selects into the verse montage
210
- for f in selects/*.mp4; do echo "file '$f'"; done > concat.txt
211
- ffmpeg -f concat -safe 0 -i concat.txt -c copy verse.mp4
212
-
213
- # Strip UI chrome / status bar from a screen-recorded reference (crop top+bottom)
214
- ffmpeg -i reel.mp4 -vf "crop=iw:ih-300:0:150" clean.mp4
215
- ```
216
-
217
- ## Remotion Composition Skeleton (beat-synced)
218
-
219
- ```tsx
220
- import { AbsoluteFill, Sequence, Video, Img, useCurrentFrame, interpolate } from "remotion";
221
-
222
- const FPS = 30, BPM = 138;
223
- const beat = (n: number) => Math.round(n * (60 / BPM) * FPS);
224
-
225
- const Bloom: React.FC = () => {
226
- const f = useCurrentFrame();
227
- const o = interpolate(f, [0, 3, 12], [0, 1, 0], { extrapolateRight: "clamp" }); // divine flash on a transient
228
- return <AbsoluteFill style={{ background: "radial-gradient(#fff,#ffb24d)", opacity: o, mixBlendMode: "screen" }} />;
229
- };
230
-
231
- export const AngelcoreMV: React.FC = () => (
232
- <AbsoluteFill style={{ background: "#05060a" }}>
233
- {/* Verse: macro hero-on-black, hard cut every 2 beats */}
234
- <Sequence from={beat(0)} durationInFrames={beat(2)}><Video src="/selects/key.mp4" /></Sequence>
235
- <Sequence from={beat(2)} durationInFrames={beat(2)}><Video src="/selects/eye.mp4" /></Sequence>
236
- <Sequence from={beat(4)} durationInFrames={beat(2)}><Video src="/selects/gear.mp4" /></Sequence>
237
- {/* Drop: crystalline bloom + flash on the one */}
238
- <Sequence from={beat(8)} durationInFrames={beat(16)}><Video src="/selects/crystalline.mp4" /></Sequence>
239
- <Sequence from={beat(8)} durationInFrames={beat(1)}><Bloom /></Sequence>
240
- </AbsoluteFill>
241
- );
242
- ```
243
- Render: `npx remotion render src/index.ts AngelcoreMV out.mp4`. See `remotion-video-creation`
244
- for project setup, audio track binding, and render flags.
245
-
246
- ## Key Principles
247
-
248
- 1. **Decide the genre before the first generation.** Pick one primary family + one accent.
249
- 2. **One accent color per shot.** Gold in the dark, iridescence in the light, red once.
250
- 3. **Every hard cut lands on a beat.** Use the beat math; no transitions in tempo sections.
251
- 4. **Hero-on-black macro is the signature move.** Master it; it carries the verses.
252
- 5. **Generate 10, keep 2.** Coherence comes from rejection, not from prompting harder.
253
- 6. **Crop the chrome.** No status bars, captions, or UI in the final frame.
254
- 7. **Taste is decided first and judged last.** Set the direction, then defend it on every cut.
255
-
256
- ## Related Skills
257
-
258
- - `video-editing` — the mechanical pipeline (FFmpeg, reframe, EDL, polish) this sits on top of
259
- - `remotion-video-creation` — programmable beat-synced composition and rendering
260
- - `fal-ai-media` — generate the b-roll, transition SFX, and risers
261
- - `motion-foundations`, `motion-patterns`, `motion-advanced`, `motion-ui` — easing and motion timing
262
- - `videodb` — server-side smart reframe and indexing for large footage
263
- - `content-engine` — platform-native distribution, covers, captions
264
- - `frontend-design-direction` — the same "decide a direction first" discipline, for UI
1
+ ---
2
+ name: taste
3
+ description: A creative-direction (taste) layer for music videos and short-form edits in the angelcore / cloud-trance / hyperpop visual family. Distills a named-genre aesthetic vocabulary, a mood + color + light system, and a beat-synced editing grammar, then chains ECC's video skills (video-editing, fal-ai-media, remotion-video-creation, motion-*, content-engine) into one production pipeline. Use when the work is not just making a video function but making it feel intentional, when building a music video, a fancam/edit, a moodboard-driven reel, or when choosing a coherent visual direction for AI-generated b-roll.
4
+ origin: ECC
5
+ ---
6
+
7
+ # Taste
8
+
9
+ Most AI video advice stops at *how to render frames*. This skill is the layer above
10
+ that: **what the frames should look like, in what order, cut to what rhythm, so the
11
+ result reads as one intentional thing instead of a pile of generations.**
12
+
13
+ It encodes a specific taste — the **angelcore / cloud-trance / hyperpop** family
14
+ (Bladee "Silver Surfer"-era ethereal trance crossed with heavy angelcore) — distilled
15
+ from a corpus of saved Reels and a tour through a ~70-entry visual-genre library. It
16
+ is opinionated on purpose. Taste is a point of view, not a menu.
17
+
18
+ > The companion file `references/genre-taxonomy.md` holds the full named-genre catalog.
19
+ > This file is the actionable layer: mood, grammar, pipeline, and a beat-mapped shot plan.
20
+
21
+ ## When to Activate
22
+
23
+ - Building a **music video**, lyric video, fancam, or visualizer.
24
+ - Making a short-form **edit / reel** where the *feel* matters more than the information.
25
+ - Driving **AI b-roll generation** (fal.ai, Veo, Kling, etc.) and the prompts need a
26
+ coherent direction instead of one-off vibes.
27
+ - Assembling a **moodboard** or choosing a visual genre before any rendering.
28
+ - The user says "taste", "make it feel like X", "give it a direction", "angelcore",
29
+ "cloud trance", "hyperpop edit", "Bladee", "dreamcore", or names a saved reference.
30
+ - The current edit works but reads as flat, generic, AI-slop, or stylistically incoherent.
31
+
32
+ This skill sits **on top of** `video-editing` (the mechanics) and `remotion-video-creation`
33
+ (the renderer). Use those for *how*. Use this for *what and why*.
34
+
35
+ ## Core Thesis
36
+
37
+ 1. **Taste is the last layer, and it must be decided first.** `video-editing` correctly
38
+ says taste is the final human pass. The trap: if you only decide taste at the end, every
39
+ generation and cut upstream was a guess. Pick the direction *before* the first prompt,
40
+ then let it constrain everything.
41
+ 2. **Coherence beats novelty.** One look executed across 30 shots beats 30 looks. A named
42
+ genre (below) is a constraint that buys coherence for free.
43
+ 3. **Cut to the song, not to the footage.** In a music video the timeline is the waveform.
44
+ Every hard cut lands on a beat or a transient. Frame math is in the pipeline section.
45
+ 4. **Generate selectively, edit ruthlessly.** AI makes b-roll that does not exist; it does
46
+ not make taste. You still throw away 80%.
47
+
48
+ ## The Aesthetic Vocabulary (distilled)
49
+
50
+ The reference corpus tours a large library of *named* visual genres. The full list lives in
51
+ `references/genre-taxonomy.md`. The useful move is not memorizing 70 names — it is seeing
52
+ that **a genre name is a complete prompt-and-grade preset.** When you pick one, you inherit
53
+ its palette, texture, lighting, and subject matter as a unit.
54
+
55
+ The genres cluster into families. Pick a **primary** family and at most **one accent**:
56
+
57
+ | Family | Genres in it | Reads as |
58
+ |--------|-------------|----------|
59
+ | **Ethereal / divine** | spiritualism, glacial folk, beacons, zen core, fairy tale | weightless, holy, glowing, soft |
60
+ | **Hyperpop / Y2K-cyber** | cyberdelia, acid house, acid nora, neo aggressano, new liquid | glossy, chrome, neon, kawaii-cyber |
61
+ | **Dark / occult** | dark academia, smoke nostalgia, communist core, abstract tech | high-contrast, ominous, grain |
62
+ | **Retro / print** | retro surfers, art deco, adventure pulp, classic advertising, magazine collage, bumper stickers | flat, graphic, halftone, nostalgic |
63
+ | **Organic / textural** | microbiology core, weaving patterns, fruitage retro, cozy blanket, pacific punk wave | tactile, macro, woven, wet |
64
+ | **Systemic / data** | numbers, mazes, code web, heatmap, pixel, 8-bit | gridded, generative, schematic |
65
+
66
+ **For the current project**, the primary is **Ethereal / divine** with a **Hyperpop / Y2K-cyber**
67
+ accent — i.e. holy light and crystalline bloom, punctuated by chrome and neon. That pairing
68
+ *is* the angelcore × cloud-trance brief.
69
+
70
+ ## The Mood System — angelcore × cloud-trance
71
+
72
+ Distilled directly from the strongest reference reels. This is the concrete grade.
73
+
74
+ ### Palette
75
+ - **Base:** near-black void (#05060a) and bone white (#f4f1ea). Most frames are one or the other.
76
+ - **Divine accent:** molten gold / ember orange (#ffb24d → #ff7a18) — the *one warm light* in the dark.
77
+ - **Crystalline accent:** iridescent violet→cyan→magenta bokeh (#8a6bff, #4fc3ff, #ff6ad5) — the
78
+ hyperpop bloom, used in bright frames.
79
+ - **Danger accent (sparingly):** a single glowing red (#ff2a2a) on monochrome — for one or two
80
+ shock cuts only.
81
+ - **Hyperpop subject:** candy pink hair / chrome / glossy white against blue sky.
82
+
83
+ Rule: **one accent per shot.** Gold lives in dark frames; iridescence lives in light frames;
84
+ never both in one shot.
85
+
86
+ ### Light & texture
87
+ - Darkness pierced by a single warm source (ember bloom, divine shaft). High contrast, deep blacks.
88
+ - Crystalline / glitter bokeh, lens flares, bloom, light leaks — *heavenly*, not dirty.
89
+ - Film grain + subtle chromatic aberration on the dark frames; clean gloss on the bright frames.
90
+ - Macro detail on negative space: a hero object centered on black (key, eye, gear, petal, water).
91
+ - Subjects: winged figures, clouds, halos, angels, crystalline structures, candy-cyber portraits.
92
+
93
+ ### Motion
94
+ - Slow, floating, weightless camera (drift, slow push, slow orbit) — *cloud* trance.
95
+ - Bursts of speed only at the drop. Otherwise everything breathes.
96
+ - Particles rising (embers, dust, glitter) — upward motion = ascension.
97
+
98
+ ## The Editing Grammar (distilled)
99
+
100
+ From the reference edits, the techniques that recur and define the style:
101
+
102
+ 1. **Beat-locked hard cuts.** No dissolves in the verse/drop. Cut on the kick. The eye should
103
+ feel the BPM.
104
+ 2. **Hero-on-black macro inserts.** A single sharp object centered in black negative space,
105
+ held for 1–2 beats, then cut. Rhythmic montage of these = the cloud-trance signature.
106
+ 3. **Bloom / explosion reveal.** A white or ember bloom that blows out the frame on a transient,
107
+ then resolves into the next shot. The "divine flash" transition.
108
+ 4. **Color-pop on monochrome.** Run a passage in B&W, then a single colored element (red eye,
109
+ gold flame, pink hair) punches through on the downbeat.
110
+ 5. **Speed-ramp into the drop.** Ramp footage from slow to fast across the last bar before the
111
+ drop, hard-cut to tempo on the one.
112
+ 6. **Caption keyword highlight (for talking-head / lyric sections only).** All-caps, one or two
113
+ words highlighted in the accent color, synced to the vocal. Use for lyric video, not for the
114
+ pure visualizer.
115
+ 7. **Reaction PiP (for explainer/edit-commentary only).** Picture-in-picture talking head over
116
+ b-roll. Out of scope for the music video itself; documented because the corpus uses it heavily.
117
+
118
+ **Do-nots:** crossfade transitions in tempo sections; more than one accent color per shot; a
119
+ shot held past its musical phrase; readable on-screen UI chrome (crop it out); mixed aspect
120
+ ratios in one timeline.
121
+
122
+ ## The Pipeline — mixing the ECC video skills
123
+
124
+ This skill is the conductor. Each ECC skill is an instrument. Do not skip layers.
125
+
126
+ ```
127
+ 0. TASTE (this skill) decide genre + mood + grammar BEFORE anything renders
128
+ 1. STRUCTURE (video-editing) map the song: timestamps for intro/verse/drop/bridge/outro
129
+ 2. GENERATE (fal-ai-media) make b-roll per genre prompt-presets; throw away 80%
130
+ 3. CUT (video-editing/FFmpeg) beat-cut + reframe to 9:16; assemble selects on the grid
131
+ 4. COMPOSE (remotion-video-creation) overlays, blooms, lyric text, beat-synced sequencing
132
+ 5. MOTION (motion-* skills) easing curves, light-leak/particle motion, transition timing
133
+ 6. AUDIO (fal-ai-media) transition risers/impacts to sell the cuts (track itself is in Ableton)
134
+ 7. POLISH grade to the palette above, final pacing pass, export
135
+ 8. DISTRIBUTE (content-engine) platform-native versions + caption/cover
136
+ ```
137
+
138
+ | Step | ECC skill to load | What it does here |
139
+ |------|-------------------|-------------------|
140
+ | Structure & cut | `video-editing` | FFmpeg cut/concat/reframe, EDL, scene/silence detection |
141
+ | Generate b-roll | `fal-ai-media` | image/video models per genre preset |
142
+ | Compose & overlay | `remotion-video-creation` | beat-synced `<Sequence>`s, text, blooms, masks |
143
+ | Motion timing | `motion-foundations`, `motion-patterns`, `motion-advanced`, `motion-ui` | easing, springs, light/particle motion |
144
+ | Server-side video | `videodb` | smart reframe, indexing if footage is large |
145
+ | Distribution | `content-engine` | per-platform cuts, covers, captions |
146
+ | Voice/lyric VO | `video-editing` (ElevenLabs section) | only if a spoken layer is needed |
147
+
148
+ ## Beat Math (lock cuts to the song)
149
+
150
+ The current track is **138 BPM, B minor**. Constants:
151
+
152
+ - `seconds_per_beat = 60 / 138 = 0.43478s`
153
+ - `frames_per_beat = fps × 0.43478` → **24fps: 10.43**, **30fps: 13.04**, **60fps: 26.09**
154
+ - `1 bar (4 beats) = 1.7391s` → 30fps: **52.17 frames**
155
+ - `8-bar phrase = 13.913s` → the loop length from the track
156
+
157
+ In Remotion, snap every `from={}` to a beat:
158
+ ```ts
159
+ const FPS = 30;
160
+ const BPM = 138;
161
+ const beat = (n: number) => Math.round(n * (60 / BPM) * FPS); // beat(n) → frame
162
+ // cut on beats 0,4,8,... : <Sequence from={beat(0)} durationInFrames={beat(4)}> ...
163
+ ```
164
+
165
+ ## Beat-Mapped Shot Plan (this music video)
166
+
167
+ The song arrangement (from the project's own notes) is
168
+ **Intro → Verse → Drop → Bridge → Drop → Outro (~2:05)**. Map taste to each section:
169
+
170
+ | Section | Genre/mood lean | Grammar | Shot ideas |
171
+ |---------|-----------------|---------|------------|
172
+ | **Intro** | Ethereal/divine, near-black | slow push, no cuts | ember bloom in the void; a single shaft of gold; dust rising |
173
+ | **Verse** | Dark + macro hero-on-black | hard cuts every 2 beats | key, eye, gear, water drop, petal — rhythmic macro montage |
174
+ | **Drop** | Hyperpop bloom + crystalline | speed-ramp in, cut on the one, fast | candy-pink figure, chrome, iridescent bokeh, winged ascension |
175
+ | **Bridge** | Spiritualism, weightless | one long held shot, color-pop | clouds + halo; single red accent punches once |
176
+ | **Drop 2** | as Drop, intensify | add divine-flash blooms on transients | wings open, glitter burst, light leaks maxed |
177
+ | **Outro** | Glacial folk, cold calm | slow fade to black | crystalline structure dissolving; ember dies out |
178
+
179
+ ## fal.ai Prompt Presets (per mood)
180
+
181
+ Use with `fal-ai-media`. Each preset is the genre rendered to the project palette. Append
182
+ `9:16, vertical, cinematic, film grain, volumetric light, no text, no watermark` to all.
183
+
184
+ - **Divine void:** "a single molten-gold ember bloom rising in an infinite near-black void,
185
+ deep shadow, one warm light source, weightless dust particles, holy, high contrast"
186
+ - **Macro hero:** "extreme macro of an antique brass key / a human eye / interlocking gears,
187
+ centered on pure black negative space, razor-sharp detail, single rim light"
188
+ - **Crystalline bloom:** "iridescent violet-cyan-magenta crystalline bokeh, glittering light
189
+ refraction, dreamy lens flares, heavenly glow, soft focus, hyperpop angelcore"
190
+ - **Candy-cyber portrait:** "candy-pink-haired figure, glossy chrome accents, bright blue sky,
191
+ Y2K hyperpop, clean gloss, saturated, kawaii-cyber"
192
+ - **Winged ascension:** "a winged figure ascending into clouds, halo of light, bone-white and
193
+ gold, volumetric god-rays, ethereal, religious iconography, soft"
194
+ - **Cold outro:** "pale crystalline ice structure slowly dissolving, glacial folk, cold blue
195
+ and bone white, minimal, calm, fading to black"
196
+
197
+ Generate 6–10 per preset, keep 2–3. For motion, animate stills with an image-to-video model
198
+ or generate short clips directly; keep camera moves slow per the Motion rules.
199
+
200
+ ## FFmpeg Recipes (cut + reframe)
201
+
202
+ ```bash
203
+ # Reframe any landscape/raw clip to 9:16 (center crop)
204
+ ffmpeg -i in.mp4 -vf "crop=ih*9/16:ih,scale=1080:1920" v.mp4
205
+
206
+ # Beat-cut a clip to exactly N beats at 138 BPM (e.g. 2 beats = 0.8696s)
207
+ ffmpeg -i in.mp4 -t 0.8696 -c copy beat2.mp4
208
+
209
+ # Concatenate beat-selects into the verse montage
210
+ for f in selects/*.mp4; do echo "file '$f'"; done > concat.txt
211
+ ffmpeg -f concat -safe 0 -i concat.txt -c copy verse.mp4
212
+
213
+ # Strip UI chrome / status bar from a screen-recorded reference (crop top+bottom)
214
+ ffmpeg -i reel.mp4 -vf "crop=iw:ih-300:0:150" clean.mp4
215
+ ```
216
+
217
+ ## Remotion Composition Skeleton (beat-synced)
218
+
219
+ ```tsx
220
+ import { AbsoluteFill, Sequence, Video, Img, useCurrentFrame, interpolate } from "remotion";
221
+
222
+ const FPS = 30, BPM = 138;
223
+ const beat = (n: number) => Math.round(n * (60 / BPM) * FPS);
224
+
225
+ const Bloom: React.FC = () => {
226
+ const f = useCurrentFrame();
227
+ const o = interpolate(f, [0, 3, 12], [0, 1, 0], { extrapolateRight: "clamp" }); // divine flash on a transient
228
+ return <AbsoluteFill style={{ background: "radial-gradient(#fff,#ffb24d)", opacity: o, mixBlendMode: "screen" }} />;
229
+ };
230
+
231
+ export const AngelcoreMV: React.FC = () => (
232
+ <AbsoluteFill style={{ background: "#05060a" }}>
233
+ {/* Verse: macro hero-on-black, hard cut every 2 beats */}
234
+ <Sequence from={beat(0)} durationInFrames={beat(2)}><Video src="/selects/key.mp4" /></Sequence>
235
+ <Sequence from={beat(2)} durationInFrames={beat(2)}><Video src="/selects/eye.mp4" /></Sequence>
236
+ <Sequence from={beat(4)} durationInFrames={beat(2)}><Video src="/selects/gear.mp4" /></Sequence>
237
+ {/* Drop: crystalline bloom + flash on the one */}
238
+ <Sequence from={beat(8)} durationInFrames={beat(16)}><Video src="/selects/crystalline.mp4" /></Sequence>
239
+ <Sequence from={beat(8)} durationInFrames={beat(1)}><Bloom /></Sequence>
240
+ </AbsoluteFill>
241
+ );
242
+ ```
243
+ Render: `npx remotion render src/index.ts AngelcoreMV out.mp4`. See `remotion-video-creation`
244
+ for project setup, audio track binding, and render flags.
245
+
246
+ ## Key Principles
247
+
248
+ 1. **Decide the genre before the first generation.** Pick one primary family + one accent.
249
+ 2. **One accent color per shot.** Gold in the dark, iridescence in the light, red once.
250
+ 3. **Every hard cut lands on a beat.** Use the beat math; no transitions in tempo sections.
251
+ 4. **Hero-on-black macro is the signature move.** Master it; it carries the verses.
252
+ 5. **Generate 10, keep 2.** Coherence comes from rejection, not from prompting harder.
253
+ 6. **Crop the chrome.** No status bars, captions, or UI in the final frame.
254
+ 7. **Taste is decided first and judged last.** Set the direction, then defend it on every cut.
255
+
256
+ ## Related Skills
257
+
258
+ - `video-editing` — the mechanical pipeline (FFmpeg, reframe, EDL, polish) this sits on top of
259
+ - `remotion-video-creation` — programmable beat-synced composition and rendering
260
+ - `fal-ai-media` — generate the b-roll, transition SFX, and risers
261
+ - `motion-foundations`, `motion-patterns`, `motion-advanced`, `motion-ui` — easing and motion timing
262
+ - `videodb` — server-side smart reframe and indexing for large footage
263
+ - `content-engine` — platform-native distribution, covers, captions
264
+ - `frontend-design-direction` — the same "decide a direction first" discipline, for UI