codeply-cli 0.5.1 → 0.5.2

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 (387) hide show
  1. package/LICENSE +21 -0
  2. package/THIRD_PARTY_NOTICES.md +65 -63
  3. package/bin/codeply.js +1 -1
  4. package/lib/agent.mjs +133 -24
  5. package/lib/ai.js +268 -9
  6. package/lib/ai.mjs +6 -6
  7. package/lib/apply-patch.js +217 -217
  8. package/lib/arity-table.json +138 -138
  9. package/lib/arity.js +70 -70
  10. package/lib/auth.mjs +6 -6
  11. package/lib/bots.js +82 -17
  12. package/lib/chatgpt.js +282 -0
  13. package/lib/cloud-browser.mjs +143 -143
  14. package/lib/cloud.mjs +1186 -1144
  15. package/lib/commands.js +103 -103
  16. package/lib/config.js +83 -3
  17. package/lib/design-library/assemble-artifact.mjs +21 -21
  18. package/lib/design-library/cleanup.mjs +45 -45
  19. package/lib/design-library/index.json +22379 -22379
  20. package/lib/design-library/make-table-data.mjs +39 -39
  21. package/lib/diagnostics.js +192 -192
  22. package/lib/edit-engine.js +364 -364
  23. package/lib/github-agent.mjs +311 -311
  24. package/lib/history.js +75 -75
  25. package/lib/mail-watch.js +504 -0
  26. package/lib/mcp.js +258 -258
  27. package/lib/model-sync.js +114 -0
  28. package/lib/native-tools.mjs +16 -1
  29. package/lib/oauth-connectors.js +146 -24
  30. package/lib/permissions.js +109 -109
  31. package/lib/plugins.js +353 -353
  32. package/lib/publish.js +916 -0
  33. package/lib/reach.js +67 -0
  34. package/lib/server.mjs +457 -457
  35. package/lib/session-db.js +220 -220
  36. package/lib/share.js +168 -168
  37. package/lib/skills.js +2 -0
  38. package/lib/snapshot.js +146 -146
  39. package/lib/telemetry.js +102 -0
  40. package/lib/terminal-hints.js +154 -154
  41. package/lib/tools.mjs +316 -14
  42. package/lib/typecheck-worker.js +147 -147
  43. package/lib/web-tools.js +209 -158
  44. package/package.json +49 -49
  45. package/skills/SOURCE.md +58 -58
  46. package/skills/accessibility/SKILL.md +147 -147
  47. package/skills/agent-architecture-audit/SKILL.md +257 -257
  48. package/skills/agent-eval/SKILL.md +147 -147
  49. package/skills/agent-harness-construction/SKILL.md +74 -74
  50. package/skills/agent-introspection-debugging/SKILL.md +154 -154
  51. package/skills/agent-payment-x402/SKILL.md +225 -225
  52. package/skills/agent-self-evaluation/SKILL.md +182 -182
  53. package/skills/agent-self-evaluation/references/evaluation-criteria.md +71 -71
  54. package/skills/agent-self-evaluation/references/hook-integration.md +64 -64
  55. package/skills/agent-sort/SKILL.md +216 -216
  56. package/skills/agentic-engineering/SKILL.md +64 -64
  57. package/skills/agentic-os/SKILL.md +388 -388
  58. package/skills/ai-first-engineering/SKILL.md +52 -52
  59. package/skills/ai-regression-testing/SKILL.md +386 -386
  60. package/skills/android-clean-architecture/SKILL.md +340 -340
  61. package/skills/angular-developer/SKILL.md +155 -155
  62. package/skills/angular-developer/references/angular-animations.md +160 -160
  63. package/skills/angular-developer/references/angular-aria.md +410 -410
  64. package/skills/angular-developer/references/cli.md +86 -86
  65. package/skills/angular-developer/references/component-harnesses.md +59 -59
  66. package/skills/angular-developer/references/component-styling.md +91 -91
  67. package/skills/angular-developer/references/components.md +117 -117
  68. package/skills/angular-developer/references/creating-services.md +97 -97
  69. package/skills/angular-developer/references/data-resolvers.md +69 -69
  70. package/skills/angular-developer/references/define-routes.md +67 -67
  71. package/skills/angular-developer/references/defining-providers.md +72 -72
  72. package/skills/angular-developer/references/di-fundamentals.md +120 -120
  73. package/skills/angular-developer/references/e2e-testing.md +56 -56
  74. package/skills/angular-developer/references/effects.md +83 -83
  75. package/skills/angular-developer/references/hierarchical-injectors.md +43 -43
  76. package/skills/angular-developer/references/host-elements.md +80 -80
  77. package/skills/angular-developer/references/injection-context.md +63 -63
  78. package/skills/angular-developer/references/inputs.md +101 -101
  79. package/skills/angular-developer/references/linked-signal.md +59 -59
  80. package/skills/angular-developer/references/loading-strategies.md +61 -61
  81. package/skills/angular-developer/references/mcp.md +108 -108
  82. package/skills/angular-developer/references/navigate-to-routes.md +69 -69
  83. package/skills/angular-developer/references/outputs.md +86 -86
  84. package/skills/angular-developer/references/reactive-forms.md +122 -122
  85. package/skills/angular-developer/references/rendering-strategies.md +44 -44
  86. package/skills/angular-developer/references/resource.md +77 -77
  87. package/skills/angular-developer/references/route-animations.md +56 -56
  88. package/skills/angular-developer/references/route-guards.md +52 -52
  89. package/skills/angular-developer/references/router-lifecycle.md +45 -45
  90. package/skills/angular-developer/references/router-testing.md +87 -87
  91. package/skills/angular-developer/references/show-routes-with-outlets.md +68 -68
  92. package/skills/angular-developer/references/signal-forms.md +795 -795
  93. package/skills/angular-developer/references/signals-overview.md +94 -94
  94. package/skills/angular-developer/references/tailwind-css.md +69 -69
  95. package/skills/angular-developer/references/template-driven-forms.md +114 -114
  96. package/skills/angular-developer/references/testing-fundamentals.md +65 -65
  97. package/skills/api-connector-builder/SKILL.md +121 -121
  98. package/skills/api-design/SKILL.md +524 -524
  99. package/skills/architecture-decision-records/SKILL.md +180 -180
  100. package/skills/article-writing/SKILL.md +80 -80
  101. package/skills/automation-audit-ops/SKILL.md +143 -143
  102. package/skills/autonomous-agent-harness/SKILL.md +274 -274
  103. package/skills/autonomous-loops/SKILL.md +611 -611
  104. package/skills/backend-patterns/SKILL.md +562 -562
  105. package/skills/benchmark/SKILL.md +95 -95
  106. package/skills/benchmark-methodology/SKILL.md +191 -191
  107. package/skills/benchmark-optimization-loop/SKILL.md +71 -71
  108. package/skills/blender-motion-state-inspection/SKILL.md +165 -165
  109. package/skills/blueprint/SKILL.md +106 -106
  110. package/skills/brand-discovery/SKILL.md +145 -145
  111. package/skills/brand-discovery/references/10_purpose-why.md +40 -40
  112. package/skills/brand-discovery/references/20_positioning.md +44 -44
  113. package/skills/brand-discovery/references/30_audience-niche.md +52 -52
  114. package/skills/brand-discovery/references/40_personality-archetype.md +57 -57
  115. package/skills/brand-discovery/references/50_voice-tone.md +59 -59
  116. package/skills/brand-discovery/references/60_narrative-story.md +50 -50
  117. package/skills/brand-discovery/references/70_founder-tension.md +49 -49
  118. package/skills/brand-discovery/references/90_SYNTHESIS.md +133 -133
  119. package/skills/brand-voice/SKILL.md +98 -98
  120. package/skills/brand-voice/references/voice-profile-schema.md +55 -55
  121. package/skills/browser-qa/SKILL.md +105 -105
  122. package/skills/bun-runtime/SKILL.md +85 -85
  123. package/skills/canary-watch/SKILL.md +108 -108
  124. package/skills/carrier-relationship-management/SKILL.md +212 -212
  125. package/skills/cisco-ios-patterns/SKILL.md +164 -164
  126. package/skills/ck/SKILL.md +148 -148
  127. package/skills/claude-devfleet/SKILL.md +112 -112
  128. package/skills/click-path-audit/SKILL.md +245 -245
  129. package/skills/clickhouse-io/SKILL.md +445 -445
  130. package/skills/code-tour/SKILL.md +254 -254
  131. package/skills/codebase-onboarding/SKILL.md +234 -234
  132. package/skills/codehealth-mcp/SKILL.md +167 -167
  133. package/skills/coding-standards/SKILL.md +551 -551
  134. package/skills/competitive-platform-analysis/SKILL.md +214 -214
  135. package/skills/competitive-report-structure/SKILL.md +162 -162
  136. package/skills/compose-multiplatform-patterns/SKILL.md +300 -300
  137. package/skills/config-gc/SKILL.md +120 -120
  138. package/skills/configure-ecc/SKILL.md +385 -385
  139. package/skills/connections-optimizer/SKILL.md +190 -190
  140. package/skills/content-engine/SKILL.md +132 -132
  141. package/skills/content-hash-cache-pattern/SKILL.md +162 -162
  142. package/skills/context-budget/SKILL.md +136 -136
  143. package/skills/continuous-agent-loop/SKILL.md +46 -46
  144. package/skills/continuous-learning/SKILL.md +132 -132
  145. package/skills/continuous-learning-v2/SKILL.md +361 -361
  146. package/skills/contract-first/SKILL.md +287 -287
  147. package/skills/cost-aware-llm-pipeline/SKILL.md +184 -184
  148. package/skills/cost-tracking/SKILL.md +97 -97
  149. package/skills/council/SKILL.md +204 -204
  150. package/skills/cpp-coding-standards/SKILL.md +724 -724
  151. package/skills/cpp-testing/SKILL.md +325 -325
  152. package/skills/crosspost/SKILL.md +112 -112
  153. package/skills/csharp-testing/SKILL.md +322 -322
  154. package/skills/customer-billing-ops/SKILL.md +141 -141
  155. package/skills/customs-trade-compliance/SKILL.md +263 -263
  156. package/skills/dart-flutter-patterns/SKILL.md +564 -564
  157. package/skills/dashboard-builder/SKILL.md +109 -109
  158. package/skills/data-scraper-agent/SKILL.md +765 -765
  159. package/skills/data-throughput-accelerator/SKILL.md +74 -74
  160. package/skills/database-migrations/SKILL.md +430 -430
  161. package/skills/deep-research/SKILL.md +160 -160
  162. package/skills/defi-amm-security/SKILL.md +167 -167
  163. package/skills/delivery-gate/SKILL.md +126 -126
  164. package/skills/deployment-patterns/SKILL.md +428 -428
  165. package/skills/design-system/SKILL.md +83 -83
  166. package/skills/django-celery/SKILL.md +458 -458
  167. package/skills/django-patterns/SKILL.md +735 -735
  168. package/skills/django-security/SKILL.md +644 -644
  169. package/skills/django-tdd/SKILL.md +730 -730
  170. package/skills/django-verification/SKILL.md +470 -470
  171. package/skills/dmux-workflows/SKILL.md +192 -192
  172. package/skills/docker-patterns/SKILL.md +365 -365
  173. package/skills/documentation-lookup/SKILL.md +91 -91
  174. package/skills/dotnet-patterns/SKILL.md +322 -322
  175. package/skills/dynamic-workflow-mode/SKILL.md +124 -124
  176. package/skills/e2e-testing/SKILL.md +327 -327
  177. package/skills/ecc-guide/SKILL.md +190 -190
  178. package/skills/ecc-recipes/SKILL.md +149 -149
  179. package/skills/ecc-tools-cost-audit/SKILL.md +161 -161
  180. package/skills/email-ops/SKILL.md +122 -122
  181. package/skills/energy-procurement/SKILL.md +228 -228
  182. package/skills/enterprise-agent-ops/SKILL.md +51 -51
  183. package/skills/error-handling/SKILL.md +377 -377
  184. package/skills/eval-harness/SKILL.md +271 -271
  185. package/skills/evm-token-decimals/SKILL.md +131 -131
  186. package/skills/exa-search/SKILL.md +108 -108
  187. package/skills/fal-ai-media/SKILL.md +289 -289
  188. package/skills/fastapi-patterns/SKILL.md +514 -514
  189. package/skills/finance-billing-ops/SKILL.md +128 -128
  190. package/skills/flox-environments/SKILL.md +497 -497
  191. package/skills/flutter-dart-code-review/SKILL.md +436 -436
  192. package/skills/foundation-models-on-device/SKILL.md +243 -243
  193. package/skills/frontend-a11y/SKILL.md +446 -446
  194. package/skills/frontend-design-direction/SKILL.md +93 -93
  195. package/skills/frontend-patterns/SKILL.md +657 -657
  196. package/skills/frontend-slides/SKILL.md +185 -185
  197. package/skills/fsharp-testing/SKILL.md +281 -281
  198. package/skills/gan-style-harness/SKILL.md +279 -279
  199. package/skills/gateguard/SKILL.md +133 -133
  200. package/skills/generating-python-installer/SKILL.md +820 -820
  201. package/skills/git-workflow/SKILL.md +716 -716
  202. package/skills/github-ops/SKILL.md +145 -145
  203. package/skills/golang-patterns/SKILL.md +676 -676
  204. package/skills/golang-testing/SKILL.md +721 -721
  205. package/skills/google-workspace-ops/SKILL.md +96 -96
  206. package/skills/growth-log/SKILL.md +128 -128
  207. package/skills/healthcare-cdss-patterns/SKILL.md +246 -246
  208. package/skills/healthcare-emr-patterns/SKILL.md +160 -160
  209. package/skills/healthcare-eval-harness/SKILL.md +208 -208
  210. package/skills/healthcare-phi-compliance/SKILL.md +146 -146
  211. package/skills/hermes-imports/SKILL.md +89 -89
  212. package/skills/hexagonal-architecture/SKILL.md +277 -277
  213. package/skills/hipaa-compliance/SKILL.md +79 -79
  214. package/skills/homelab-network-readiness/SKILL.md +170 -170
  215. package/skills/homelab-network-setup/SKILL.md +130 -130
  216. package/skills/homelab-pihole-dns/SKILL.md +275 -275
  217. package/skills/homelab-vlan-segmentation/SKILL.md +312 -312
  218. package/skills/homelab-wireguard-vpn/SKILL.md +306 -306
  219. package/skills/hookify-rules/SKILL.md +128 -128
  220. package/skills/inherit-legacy-style/SKILL.md +157 -157
  221. package/skills/intent-driven-development/SKILL.md +360 -360
  222. package/skills/inventory-demand-planning/SKILL.md +247 -247
  223. package/skills/investor-materials/SKILL.md +97 -97
  224. package/skills/investor-outreach/SKILL.md +92 -92
  225. package/skills/ios-icon-gen/SKILL.md +158 -158
  226. package/skills/iterative-retrieval/SKILL.md +212 -212
  227. package/skills/ito-basket-compare/SKILL.md +64 -64
  228. package/skills/ito-compute/SKILL.md +129 -129
  229. package/skills/ito-data-atlas-agent/SKILL.md +64 -64
  230. package/skills/ito-market-intelligence/SKILL.md +61 -61
  231. package/skills/ito-trade-planner/SKILL.md +68 -68
  232. package/skills/java-coding-standards/SKILL.md +384 -384
  233. package/skills/jira-integration/SKILL.md +303 -303
  234. package/skills/jpa-patterns/SKILL.md +152 -152
  235. package/skills/knowledge-ops/SKILL.md +155 -155
  236. package/skills/kotlin-coroutines-flows/SKILL.md +285 -285
  237. package/skills/kotlin-exposed-patterns/SKILL.md +720 -720
  238. package/skills/kotlin-ktor-patterns/SKILL.md +690 -690
  239. package/skills/kotlin-patterns/SKILL.md +712 -712
  240. package/skills/kotlin-testing/SKILL.md +825 -825
  241. package/skills/kubernetes-patterns/SKILL.md +756 -756
  242. package/skills/laravel-patterns/SKILL.md +416 -416
  243. package/skills/laravel-plugin-discovery/SKILL.md +230 -230
  244. package/skills/laravel-security/SKILL.md +948 -948
  245. package/skills/laravel-tdd/SKILL.md +675 -675
  246. package/skills/laravel-verification/SKILL.md +180 -180
  247. package/skills/latency-critical-systems/SKILL.md +75 -75
  248. package/skills/lead-intelligence/SKILL.md +322 -322
  249. package/skills/liquid-glass-design/SKILL.md +279 -279
  250. package/skills/llm-trading-agent-security/SKILL.md +147 -147
  251. package/skills/logistics-exception-management/SKILL.md +222 -222
  252. package/skills/loop-design-check/SKILL.md +143 -143
  253. package/skills/mailtrap-email-integration/SKILL.md +77 -77
  254. package/skills/make-interfaces-feel-better/SKILL.md +152 -152
  255. package/skills/manim-video/SKILL.md +90 -90
  256. package/skills/market-research/SKILL.md +76 -76
  257. package/skills/marketing-campaign/SKILL.md +114 -114
  258. package/skills/mcp-server-patterns/SKILL.md +70 -70
  259. package/skills/messages-ops/SKILL.md +105 -105
  260. package/skills/ml-adoption-playbook/SKILL.md +57 -57
  261. package/skills/mle-workflow/SKILL.md +348 -348
  262. package/skills/motion-advanced/SKILL.md +596 -596
  263. package/skills/motion-foundations/SKILL.md +299 -299
  264. package/skills/motion-patterns/SKILL.md +434 -434
  265. package/skills/motion-ui/SKILL.md +576 -576
  266. package/skills/mysql-patterns/SKILL.md +413 -413
  267. package/skills/nanoclaw-repl/SKILL.md +34 -34
  268. package/skills/nestjs-patterns/SKILL.md +231 -231
  269. package/skills/netmiko-ssh-automation/SKILL.md +174 -174
  270. package/skills/network-bgp-diagnostics/SKILL.md +168 -168
  271. package/skills/network-config-validation/SKILL.md +211 -211
  272. package/skills/network-interface-health/SKILL.md +153 -153
  273. package/skills/nextjs-turbopack/SKILL.md +58 -58
  274. package/skills/nodejs-keccak256/SKILL.md +103 -103
  275. package/skills/nutrient-document-processing/SKILL.md +168 -168
  276. package/skills/nuxt4-patterns/SKILL.md +101 -101
  277. package/skills/openclaw-persona-forge/SKILL.md +289 -289
  278. package/skills/openclaw-persona-forge/references/avatar-style.md +124 -124
  279. package/skills/openclaw-persona-forge/references/boundary-rules.md +53 -53
  280. package/skills/openclaw-persona-forge/references/error-handling.md +53 -53
  281. package/skills/openclaw-persona-forge/references/identity-tension.md +48 -48
  282. package/skills/openclaw-persona-forge/references/naming-system.md +39 -39
  283. package/skills/openclaw-persona-forge/references/output-template.md +166 -166
  284. package/skills/opensource-pipeline/SKILL.md +256 -256
  285. package/skills/orch-add-feature/SKILL.md +45 -45
  286. package/skills/orch-build-mvp/SKILL.md +49 -49
  287. package/skills/orch-change-feature/SKILL.md +43 -43
  288. package/skills/orch-fix-defect/SKILL.md +43 -43
  289. package/skills/orch-pipeline/SKILL.md +121 -121
  290. package/skills/orch-refine-code/SKILL.md +44 -44
  291. package/skills/parallel-execution-optimizer/SKILL.md +74 -74
  292. package/skills/perl-patterns/SKILL.md +505 -505
  293. package/skills/perl-security/SKILL.md +504 -504
  294. package/skills/perl-testing/SKILL.md +476 -476
  295. package/skills/plan-canvas/SKILL.md +153 -153
  296. package/skills/plan-orchestrate/SKILL.md +263 -263
  297. package/skills/plankton-code-quality/SKILL.md +237 -237
  298. package/skills/postgres-patterns/SKILL.md +148 -148
  299. package/skills/prediction-market-oracle-research/SKILL.md +64 -64
  300. package/skills/prediction-market-risk-review/SKILL.md +61 -61
  301. package/skills/premium-web-design/SKILL.md +154 -154
  302. package/skills/prisma-patterns/SKILL.md +401 -401
  303. package/skills/product-capability/SKILL.md +142 -142
  304. package/skills/product-lens/SKILL.md +93 -93
  305. package/skills/production-audit/SKILL.md +207 -207
  306. package/skills/production-scheduling/SKILL.md +238 -238
  307. package/skills/project-flow-ops/SKILL.md +112 -112
  308. package/skills/prompt-optimizer/SKILL.md +398 -398
  309. package/skills/publish-website/SKILL.md +76 -0
  310. package/skills/python-patterns/SKILL.md +751 -751
  311. package/skills/python-testing/SKILL.md +817 -817
  312. package/skills/pytorch-patterns/SKILL.md +397 -397
  313. package/skills/quality-nonconformance/SKILL.md +260 -260
  314. package/skills/quarkus-patterns/SKILL.md +723 -723
  315. package/skills/quarkus-security/SKILL.md +468 -468
  316. package/skills/quarkus-tdd/SKILL.md +812 -812
  317. package/skills/quarkus-verification/SKILL.md +480 -480
  318. package/skills/ralphinho-rfc-pipeline/SKILL.md +68 -68
  319. package/skills/react-native-patterns/SKILL.md +326 -326
  320. package/skills/react-patterns/SKILL.md +342 -342
  321. package/skills/react-performance/SKILL.md +575 -575
  322. package/skills/react-testing/SKILL.md +424 -424
  323. package/skills/recsys-pipeline-architect/SKILL.md +115 -115
  324. package/skills/recursive-decision-ledger/SKILL.md +81 -81
  325. package/skills/redis-patterns/SKILL.md +404 -404
  326. package/skills/regex-vs-llm-structured-text/SKILL.md +221 -221
  327. package/skills/remotion-video-creation/SKILL.md +43 -43
  328. package/skills/repo-scan/SKILL.md +79 -79
  329. package/skills/research-ops/SKILL.md +113 -113
  330. package/skills/returns-reverse-logistics/SKILL.md +240 -240
  331. package/skills/rules-distill/SKILL.md +265 -265
  332. package/skills/rust-patterns/SKILL.md +500 -500
  333. package/skills/rust-testing/SKILL.md +501 -501
  334. package/skills/safety-guard/SKILL.md +76 -76
  335. package/skills/santa-method/SKILL.md +307 -307
  336. package/skills/scientific-db-pubmed-database/SKILL.md +176 -176
  337. package/skills/scientific-db-uspto-database/SKILL.md +178 -178
  338. package/skills/scientific-pkg-gget/SKILL.md +167 -167
  339. package/skills/scientific-thinking-literature-review/SKILL.md +193 -193
  340. package/skills/scientific-thinking-scholar-evaluation/SKILL.md +161 -161
  341. package/skills/search-first/SKILL.md +183 -183
  342. package/skills/security-bounty-hunter/SKILL.md +100 -100
  343. package/skills/security-review/SKILL.md +504 -504
  344. package/skills/security-scan/SKILL.md +166 -166
  345. package/skills/seo/SKILL.md +155 -155
  346. package/skills/skill-comply/SKILL.md +59 -59
  347. package/skills/skill-scout/SKILL.md +141 -141
  348. package/skills/skill-stocktake/SKILL.md +195 -195
  349. package/skills/social-graph-ranker/SKILL.md +155 -155
  350. package/skills/social-publisher/SKILL.md +130 -130
  351. package/skills/springboot-patterns/SKILL.md +315 -315
  352. package/skills/springboot-security/SKILL.md +273 -273
  353. package/skills/springboot-tdd/SKILL.md +159 -159
  354. package/skills/springboot-verification/SKILL.md +232 -232
  355. package/skills/strategic-compact/SKILL.md +142 -142
  356. package/skills/swift-actor-persistence/SKILL.md +144 -144
  357. package/skills/swift-concurrency-6-2/SKILL.md +216 -216
  358. package/skills/swift-protocol-di-testing/SKILL.md +191 -191
  359. package/skills/swiftui-patterns/SKILL.md +259 -259
  360. package/skills/taste/SKILL.md +264 -264
  361. package/skills/taste/references/genre-taxonomy.md +87 -87
  362. package/skills/tdd-workflow/SKILL.md +583 -583
  363. package/skills/team-agent-orchestration/SKILL.md +111 -111
  364. package/skills/team-builder/SKILL.md +169 -169
  365. package/skills/terminal-ops/SKILL.md +110 -110
  366. package/skills/tinystruct-patterns/SKILL.md +279 -279
  367. package/skills/tinystruct-patterns/references/architecture.md +90 -90
  368. package/skills/tinystruct-patterns/references/data-handling.md +60 -60
  369. package/skills/tinystruct-patterns/references/database.md +99 -99
  370. package/skills/tinystruct-patterns/references/routing.md +64 -64
  371. package/skills/tinystruct-patterns/references/system-usage.md +97 -97
  372. package/skills/tinystruct-patterns/references/testing.md +72 -72
  373. package/skills/token-budget-advisor/SKILL.md +134 -134
  374. package/skills/ui-demo/SKILL.md +466 -466
  375. package/skills/ui-to-vue/SKILL.md +135 -135
  376. package/skills/uncloud/SKILL.md +344 -344
  377. package/skills/unified-memory/SKILL.md +170 -170
  378. package/skills/unified-notifications-ops/SKILL.md +188 -188
  379. package/skills/verification-loop/SKILL.md +129 -129
  380. package/skills/video-editing/SKILL.md +311 -311
  381. package/skills/videodb/SKILL.md +375 -375
  382. package/skills/visa-doc-translate/SKILL.md +117 -117
  383. package/skills/vite-patterns/SKILL.md +450 -450
  384. package/skills/vue-patterns/SKILL.md +471 -471
  385. package/skills/windows-desktop-e2e/SKILL.md +888 -888
  386. package/skills/workspace-surface-audit/SKILL.md +126 -126
  387. 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