myaidev-method 0.3.3 → 0.3.5

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 (132) hide show
  1. package/.claude-plugin/plugin.json +0 -1
  2. package/.env.example +5 -4
  3. package/CHANGELOG.md +2 -2
  4. package/CONTENT_CREATION_GUIDE.md +489 -3211
  5. package/DEVELOPER_USE_CASES.md +1 -1
  6. package/MODULAR_INSTALLATION.md +2 -2
  7. package/README.md +39 -33
  8. package/TECHNICAL_ARCHITECTURE.md +1 -1
  9. package/USER_GUIDE.md +242 -190
  10. package/agents/content-editor-agent.md +90 -0
  11. package/agents/content-planner-agent.md +97 -0
  12. package/agents/content-research-agent.md +62 -0
  13. package/agents/content-seo-agent.md +101 -0
  14. package/agents/content-writer-agent.md +69 -0
  15. package/agents/infographic-analyzer-agent.md +63 -0
  16. package/agents/infographic-designer-agent.md +72 -0
  17. package/bin/cli.js +777 -535
  18. package/{content-rules.example.md → content-rules-example.md} +2 -2
  19. package/dist/mcp/health-check.js +82 -68
  20. package/dist/mcp/mcp-config.json +8 -0
  21. package/dist/mcp/openstack-server.js +1746 -1262
  22. package/dist/server/.tsbuildinfo +1 -1
  23. package/extension.json +21 -4
  24. package/package.json +181 -184
  25. package/skills/company-config/SKILL.md +133 -0
  26. package/skills/configure/SKILL.md +1 -1
  27. package/skills/myai-configurator/SKILL.md +77 -0
  28. package/skills/myai-configurator/content-creation-configurator/SKILL.md +516 -0
  29. package/skills/myai-configurator/content-maintenance-configurator/SKILL.md +397 -0
  30. package/skills/myai-content-enrichment/SKILL.md +114 -0
  31. package/skills/myai-content-ideation/SKILL.md +288 -0
  32. package/skills/myai-content-ideation/evals/evals.json +182 -0
  33. package/skills/myai-content-production-coordinator/SKILL.md +946 -0
  34. package/skills/{content-rules-setup → myai-content-rules-setup}/SKILL.md +1 -1
  35. package/skills/{content-verifier → myai-content-verifier}/SKILL.md +1 -1
  36. package/skills/myai-content-writer/SKILL.md +333 -0
  37. package/skills/myai-content-writer/agents/editor-agent.md +138 -0
  38. package/skills/myai-content-writer/agents/planner-agent.md +121 -0
  39. package/skills/myai-content-writer/agents/research-agent.md +83 -0
  40. package/skills/myai-content-writer/agents/seo-agent.md +139 -0
  41. package/skills/myai-content-writer/agents/visual-planner-agent.md +110 -0
  42. package/skills/myai-content-writer/agents/writer-agent.md +85 -0
  43. package/skills/{infographic → myai-infographic}/SKILL.md +1 -1
  44. package/skills/myai-proprietary-content-verifier/SKILL.md +175 -0
  45. package/skills/myai-proprietary-content-verifier/evals/evals.json +36 -0
  46. package/skills/myai-skill-builder/SKILL.md +699 -0
  47. package/skills/myai-skill-builder/agents/analyzer-agent.md +137 -0
  48. package/skills/myai-skill-builder/agents/comparator-agent.md +77 -0
  49. package/skills/myai-skill-builder/agents/grader-agent.md +103 -0
  50. package/skills/myai-skill-builder/assets/eval_review.html +131 -0
  51. package/skills/myai-skill-builder/references/schemas.md +211 -0
  52. package/skills/myai-skill-builder/scripts/aggregate_benchmark.py +190 -0
  53. package/skills/myai-skill-builder/scripts/generate_review.py +381 -0
  54. package/skills/myai-skill-builder/scripts/package_skill.py +91 -0
  55. package/skills/myai-skill-builder/scripts/run_eval.py +105 -0
  56. package/skills/myai-skill-builder/scripts/run_loop.py +211 -0
  57. package/skills/myai-skill-builder/scripts/utils.py +123 -0
  58. package/skills/myai-visual-generator/SKILL.md +125 -0
  59. package/skills/myai-visual-generator/evals/evals.json +155 -0
  60. package/skills/myai-visual-generator/references/infographic-pipeline.md +73 -0
  61. package/skills/myai-visual-generator/references/research-visuals.md +57 -0
  62. package/skills/myai-visual-generator/references/services.md +89 -0
  63. package/skills/myai-visual-generator/scripts/visual-generation-utils.js +1272 -0
  64. package/skills/myaidev-analyze/agents/dependency-mapper-agent.md +236 -0
  65. package/skills/myaidev-analyze/agents/pattern-detector-agent.md +240 -0
  66. package/skills/myaidev-analyze/agents/structure-scanner-agent.md +171 -0
  67. package/skills/myaidev-analyze/agents/tech-profiler-agent.md +291 -0
  68. package/skills/myaidev-architect/agents/compliance-checker-agent.md +287 -0
  69. package/skills/myaidev-architect/agents/requirements-analyst-agent.md +194 -0
  70. package/skills/myaidev-architect/agents/system-designer-agent.md +315 -0
  71. package/skills/myaidev-coder/agents/implementer-agent.md +185 -0
  72. package/skills/myaidev-coder/agents/integration-agent.md +168 -0
  73. package/skills/myaidev-coder/agents/pattern-scanner-agent.md +161 -0
  74. package/skills/myaidev-coder/agents/self-reviewer-agent.md +168 -0
  75. package/skills/myaidev-debug/agents/fix-agent-debug.md +317 -0
  76. package/skills/myaidev-debug/agents/hypothesis-agent.md +226 -0
  77. package/skills/myaidev-debug/agents/investigator-agent.md +250 -0
  78. package/skills/myaidev-debug/agents/symptom-collector-agent.md +231 -0
  79. package/skills/myaidev-documenter/agents/code-reader-agent.md +172 -0
  80. package/skills/myaidev-documenter/agents/doc-validator-agent.md +174 -0
  81. package/skills/myaidev-documenter/agents/doc-writer-agent.md +379 -0
  82. package/skills/myaidev-figma/SKILL.md +212 -0
  83. package/skills/myaidev-figma/capture.js +133 -0
  84. package/skills/myaidev-figma/crawl.js +130 -0
  85. package/skills/myaidev-figma-configure/SKILL.md +130 -0
  86. package/skills/myaidev-migrate/agents/migration-planner-agent.md +237 -0
  87. package/skills/myaidev-migrate/agents/migration-writer-agent.md +248 -0
  88. package/skills/myaidev-migrate/agents/schema-analyzer-agent.md +190 -0
  89. package/skills/myaidev-performance/agents/benchmark-agent.md +281 -0
  90. package/skills/myaidev-performance/agents/optimizer-agent.md +277 -0
  91. package/skills/myaidev-performance/agents/profiler-agent.md +252 -0
  92. package/skills/myaidev-refactor/agents/refactor-executor-agent.md +221 -0
  93. package/skills/myaidev-refactor/agents/refactor-planner-agent.md +213 -0
  94. package/skills/myaidev-refactor/agents/regression-guard-agent.md +242 -0
  95. package/skills/myaidev-refactor/agents/smell-detector-agent.md +233 -0
  96. package/skills/myaidev-reviewer/agents/auto-fixer-agent.md +238 -0
  97. package/skills/myaidev-reviewer/agents/code-analyst-agent.md +220 -0
  98. package/skills/myaidev-reviewer/agents/security-scanner-agent.md +262 -0
  99. package/skills/myaidev-tester/agents/coverage-analyst-agent.md +163 -0
  100. package/skills/myaidev-tester/agents/tdd-driver-agent.md +242 -0
  101. package/skills/myaidev-tester/agents/test-runner-agent.md +176 -0
  102. package/skills/myaidev-tester/agents/test-strategist-agent.md +154 -0
  103. package/skills/myaidev-tester/agents/test-writer-agent.md +242 -0
  104. package/skills/myaidev-workflow/agents/analyzer-agent.md +317 -0
  105. package/skills/myaidev-workflow/agents/coordinator-agent.md +253 -0
  106. package/skills/openstack-manager/SKILL.md +1 -1
  107. package/skills/payloadcms-publisher/SKILL.md +141 -77
  108. package/skills/payloadcms-publisher/references/field-mapping.md +142 -0
  109. package/skills/payloadcms-publisher/references/lexical-format.md +97 -0
  110. package/skills/security-auditor/SKILL.md +1 -1
  111. package/src/cli/commands/addon.js +184 -123
  112. package/src/config/workflows.js +172 -228
  113. package/src/lib/ascii-banner.js +197 -182
  114. package/src/lib/{content-coordinator.js → content-production-coordinator.js} +649 -459
  115. package/src/lib/installation-detector.js +93 -59
  116. package/src/lib/payloadcms-utils.js +285 -510
  117. package/src/lib/update-manager.js +120 -61
  118. package/src/lib/workflow-installer.js +55 -0
  119. package/src/mcp/health-check.js +82 -68
  120. package/src/mcp/openstack-server.js +1746 -1262
  121. package/src/scripts/configure-visual-apis.js +224 -173
  122. package/src/scripts/configure-wordpress-mcp.js +96 -66
  123. package/src/scripts/init/install.js +109 -85
  124. package/src/scripts/init-project.js +138 -67
  125. package/src/scripts/utils/write-content.js +67 -52
  126. package/src/scripts/wordpress/publish-to-wordpress.js +128 -128
  127. package/src/templates/claude/CLAUDE.md +131 -0
  128. package/hooks/hooks.json +0 -26
  129. package/skills/content-coordinator/SKILL.md +0 -130
  130. package/skills/content-enrichment/SKILL.md +0 -80
  131. package/skills/content-writer/SKILL.md +0 -285
  132. package/skills/visual-generator/SKILL.md +0 -140
@@ -1,285 +0,0 @@
1
- ---
2
- name: content-writer
3
- description: Orchestrates professional content creation through a multi-agent pipeline covering research, planning, writing, SEO optimization, and editorial review. Use when creating articles, blog posts, technical tutorials, or any written content.
4
- argument-hint: "<topic> [--word-count=1500] [--tone=professional] [--type=blog-post]"
5
- allowed-tools: [Read, Write, WebSearch, WebFetch, Task, Bash, Glob, Grep, AskUserQuestion]
6
- context: fork
7
- ---
8
-
9
- # Content Writer — Orchestrator
10
-
11
- You are the **Content Production Orchestrator**. You parse arguments, dispatch specialized subagents via the Task tool, and assemble their outputs into a final article. All intermediate state flows through `.content-session/` scratchpad files.
12
-
13
- ## Subagent Registry
14
-
15
- Each subagent is a real Claude Code subagent defined in `agents/` with its own tools and model:
16
-
17
- | Phase | Subagent Name | Model | Tools |
18
- |-------|--------------|-------|-------|
19
- | Research | `content-research-agent` | inherit | WebSearch, WebFetch, Read, Write |
20
- | Planning | `content-planner-agent` | sonnet | Read, Write |
21
- | Writing | `content-writer-agent` | inherit | Read, Write, WebSearch |
22
- | SEO | `content-seo-agent` | haiku | Read, Write, WebSearch |
23
- | Editor | `content-editor-agent` | sonnet | Read, Write |
24
-
25
- ## Execution Phases
26
-
27
- ### Phase 0: Initialize
28
- - Parse `$ARGUMENTS` for topic, flags, and parameters
29
- - Load `content-rules.md` if present (check: `./content-rules.md`, `./.claude/content-rules.md`, `./docs/content-rules.md`)
30
- - Determine content type template and constraints
31
- - Create scratchpad directory: `.content-session/` (ephemeral, gitignored)
32
-
33
- ### Phase 1: Research
34
-
35
- Spawn the research subagent:
36
-
37
- ```
38
- Task(subagent_type: "content-research-agent", prompt: "
39
- Research the topic '{topic}' for a {type} article.
40
- Target audience: {audience}. Tone: {tone}.
41
- {content_rules_section}
42
- Write your findings to .content-session/research.md
43
- ")
44
- ```
45
-
46
- Skip if `--no-research` flag is set.
47
-
48
- ### Phase 2: Plan
49
-
50
- Read `.content-session/research.md`, then spawn the planner:
51
-
52
- ```
53
- Task(subagent_type: "content-planner-agent", prompt: "
54
- Create a detailed article plan for: '{topic}'
55
- Content type: {type} | Word count: {word_count} | Tone: {tone}
56
- Audience: {audience} | Keywords: {keywords}
57
-
58
- Research summary (from Phase 1):
59
- {brief research summary - key findings, angle, gaps}
60
-
61
- {content_rules_section}
62
- Write the plan to .content-session/plan.md
63
- ")
64
- ```
65
-
66
- ### Phase 3: Write (main workload)
67
-
68
- Read `.content-session/plan.md` and `.content-session/research.md`, then spawn the writer:
69
-
70
- ```
71
- Task(subagent_type: "content-writer-agent", prompt: "
72
- Write the full article based on the plan and research.
73
- Read the plan from: .content-session/plan.md
74
- Read the research from: .content-session/research.md
75
- {content_rules_section}
76
- Write the complete draft to .content-session/draft.md
77
- ")
78
- ```
79
-
80
- ### Phase 4: Optimize (Parallel)
81
-
82
- Spawn SEO and editorial subagents **in parallel**:
83
-
84
- ```
85
- Task(subagent_type: "content-seo-agent", prompt: "
86
- Analyze the article draft for SEO optimization.
87
- Read the draft from: .content-session/draft.md
88
- Keywords: {keywords}. Content type: {type}.
89
- Write your SEO report to .content-session/seo-report.md
90
- ")
91
-
92
- Task(subagent_type: "content-editor-agent", prompt: "
93
- Review the article draft for quality and publication readiness.
94
- Read the draft from: .content-session/draft.md
95
- Target tone: {tone}. Target audience: {audience}.
96
- {content_rules_section}
97
- Write your editorial report to .content-session/edit-notes.md
98
- ")
99
- ```
100
-
101
- ### Phase 5: Assemble & Finalize
102
-
103
- The orchestrator (this skill):
104
- - Reads all scratchpad files (.content-session/draft.md, seo-report.md, edit-notes.md)
105
- - Applies SEO recommendations to the draft
106
- - Incorporates editorial improvements
107
- - Produces final article with proper frontmatter
108
- - Saves to `./content-output/{slug}.md`
109
- - Cleans up `.content-session/` directory
110
-
111
- ## Parameters
112
-
113
- | Parameter | Description | Default |
114
- |-----------|-------------|---------|
115
- | `topic` | Main subject matter | Required |
116
- | `--word-count` | Target article length | 1500 |
117
- | `--tone` | Voice: professional, casual, technical, conversational, academic | professional |
118
- | `--type` | Template: blog-post, technical-tutorial, how-to-guide, listicle, comparison-guide, case-study, api-documentation, architecture-guide | blog-post |
119
- | `--audience` | Target reader demographic | general |
120
- | `--keywords` | Comma-separated primary,secondary keywords | auto-detected |
121
- | `--publish` | Publish to platform: wordpress, payloadcms, docusaurus, mintlify, astro | none |
122
- | `--output-dir` | Output directory for final article | ./content-output |
123
- | `--no-research` | Skip research phase (use for topics you provide context for) | false |
124
- | `--verbose` | Show detailed progress from each phase | false |
125
-
126
- ## Content Rules Integration
127
-
128
- The orchestrator automatically discovers and loads content rules. Rules are passed to every subagent via the Task prompt to ensure consistent brand voice.
129
-
130
- **Discovery order:**
131
- 1. `./content-rules.md`
132
- 2. `./.claude/content-rules.md`
133
- 3. `./docs/content-rules.md`
134
-
135
- If no rules file exists, suggest running the content-rules-setup skill.
136
-
137
- **Rules are injected into Task prompts as:**
138
- ```
139
- ## Brand & Style Guidelines (from content-rules.md)
140
- {content of rules file}
141
- ```
142
-
143
- ## State Management (Scratchpad Pattern)
144
-
145
- All intermediate work is written to `.content-session/` directory:
146
-
147
- ```
148
- .content-session/
149
- ├── config.json # Parsed arguments and settings
150
- ├── content-rules.md # Loaded content rules (if found)
151
- ├── research.md # Research agent output
152
- ├── plan.md # Article plan
153
- ├── draft.md # Writer agent output
154
- ├── seo-report.md # SEO optimization suggestions
155
- ├── edit-notes.md # Editorial feedback
156
- └── final-meta.json # Assembled frontmatter data
157
- ```
158
-
159
- ## Execution Flow
160
-
161
- ```
162
- 1. INIT -> Parse args, load rules, create session dir
163
- 2. RESEARCH -> Task(content-research-agent) — skip if --no-research
164
- 3. PLAN -> Task(content-planner-agent) with research summary
165
- 4. WRITE -> Task(content-writer-agent) with plan + research
166
- 5. OPTIMIZE -> Task(content-seo-agent) + Task(content-editor-agent) IN PARALLEL
167
- 6. ASSEMBLE -> Read all outputs, produce final article
168
- 7. OUTPUT -> Save to output-dir, optionally publish
169
- 8. CLEANUP -> Remove .content-session/ directory
170
- ```
171
-
172
- ## Error Handling
173
-
174
- - If a subagent fails, log the error and continue with what's available
175
- - Research failure -> proceed with plan (user-provided context may suffice)
176
- - SEO/Editor failure -> use draft as-is with basic frontmatter
177
- - Never block the entire pipeline on a single failure
178
-
179
- ## Pipeline Checklist
180
-
181
- Copy and track progress through each phase:
182
-
183
- ```
184
- Pipeline Progress:
185
- - [ ] Phase 0: Parse arguments, load content-rules, create .content-session/
186
- - [ ] Phase 1: Research (content-research-agent) — skip if --no-research
187
- - [ ] Phase 2: Plan (content-planner-agent) with research summary
188
- - [ ] Phase 3: Write (content-writer-agent) with plan + research
189
- - [ ] Phase 4: Optimize — SEO + Editor agents IN PARALLEL
190
- - [ ] Phase 5: Assemble final article from all outputs
191
- - [ ] Phase 6: Save to output-dir, publish if requested
192
- - [ ] Phase 7: Clean up .content-session/
193
- ```
194
-
195
- ## Context Management
196
-
197
- ### Context Regurgitation
198
- Before dispatching each subagent, restate in the Task prompt:
199
- - Current phase number and what's been completed
200
- - Key decisions made (chosen angle, title direction, tone calibration)
201
- - What this subagent needs to accomplish and how its output feeds the next phase
202
-
203
- ### Dynamic Plan Updates
204
- If a subagent returns indicating the plan needs revision (e.g., writer discovers research gaps, SEO agent finds the angle is unsearchable):
205
- 1. Parse the update request from the subagent's output
206
- 2. Re-run the affected earlier phase with the new context
207
- 3. Resume the pipeline from the current phase
208
- 4. Maximum **2 plan revisions per session** to prevent infinite loops
209
-
210
- ### File Buffering
211
- When constructing Task prompts for subsequent phases, read only the specific sections needed from `.content-session/` files. Summarize key points and reference the scratchpad file path so the subagent can read details itself.
212
-
213
- ## Progress Reporting
214
-
215
- At each phase transition, report to the user:
216
-
217
- ```
218
- -> Phase 1/5: Researching "{topic}"...
219
- Done: Found 6 sources, identified 3 unique angles
220
- -> Phase 2/5: Planning article structure...
221
- Done: Outline ready: 5 sections, ~{word_count} words target
222
- -> Phase 3/5: Writing article...
223
- Done: Draft complete: {actual_word_count} words
224
- -> Phase 4/5: Optimizing (SEO + Editorial review)...
225
- Done: SEO score: 8.5/10 | Editorial score: 8/10
226
- -> Phase 5/5: Assembling final article...
227
- Done: Saved to ./content-output/{slug}.md
228
-
229
- Summary:
230
- Words: {count} | Reading Time: {time}
231
- SEO Score: {score}/10 | Quality: {score}/10
232
- ```
233
-
234
- ## Output Format
235
-
236
- Final article is saved with full frontmatter:
237
-
238
- ```markdown
239
- ---
240
- title: [SEO-optimized title]
241
- meta_description: [150-160 chars]
242
- slug: [url-friendly]
243
- tags: [relevant, tags]
244
- keywords:
245
- primary: [main keyword]
246
- secondary: [supporting, keywords]
247
- word_count: [actual count]
248
- reading_time: [X minutes]
249
- content_type: [type used]
250
- generated_at: [ISO timestamp]
251
- ---
252
-
253
- # [Title]
254
-
255
- [Full article content]
256
- ```
257
-
258
- ## Publishing Integration
259
-
260
- If `--publish` is specified, after saving the article locally:
261
-
262
- 1. Determine target platform from flag value
263
- 2. Use the appropriate publishing approach:
264
- - WordPress: use the wp MCP tools directly
265
- - Other platforms: use platform-specific skills if available
266
- 3. Report published URL to user
267
-
268
- ## Example Usage
269
-
270
- ```bash
271
- # Basic article
272
- /myaidev-method:content-writer "Kubernetes Best Practices for Production"
273
-
274
- # Technical tutorial with custom length
275
- /myaidev-method:content-writer "Building a RAG Pipeline" --word-count=2500 --type=technical-tutorial --tone=technical
276
-
277
- # With publishing
278
- /myaidev-method:content-writer "Getting Started with Docker" --publish=wordpress --tone=conversational
279
-
280
- # Skip research (you provide context)
281
- /myaidev-method:content-writer "Our Q4 Product Launch" --no-research --type=case-study
282
-
283
- # Custom output location
284
- /myaidev-method:content-writer "API Design Patterns" --output-dir=./blog/posts --keywords="api design,rest best practices"
285
- ```
@@ -1,140 +0,0 @@
1
- ---
2
- name: visual-generator
3
- description: Generates high-quality images and videos using AI APIs (Gemini, Imagen, DALL-E, FLUX, Veo). Use when creating hero images, diagrams, infographics, or video content for articles and projects.
4
- argument-hint: [prompt] [--type=hero] [--service=gemini]
5
- allowed-tools: [Read, Write, Bash, Task]
6
- ---
7
-
8
- # Visual Generator Skill
9
-
10
- Generate high-quality images and videos for content creation using AI generation APIs (Google Gemini Flash, Imagen 3, DALL-E 3, FLUX 2 Pro, Veo 3).
11
-
12
- ## Capabilities
13
-
14
- - Hero images for articles and landing pages
15
- - Technical diagrams and architecture illustrations
16
- - Infographics (data, process, comparison, timeline)
17
- - Screenshots and UI mockups
18
- - Video content for demos and tutorials
19
-
20
- ## Supported Services
21
-
22
- | Service | Type | Cost | Best For |
23
- |---------|------|------|----------|
24
- | Gemini 2.5 Flash | Image | $0.02 | Fast, diagrams, general use |
25
- | Imagen 3 | Image | $0.03 | Premium quality heroes |
26
- | DALL-E 3 | Image | $0.04-0.12 | Creative, artistic |
27
- | GPT Image 1.5 | Image | $0.02 | Text-heavy visuals |
28
- | FLUX 2 Pro | Image | $0.03 | Detailed illustrations |
29
- | Veo 3 | Video | $0.10 | Product demos, tutorials |
30
-
31
- ## Image Types
32
-
33
- | Type | Description | Recommended Service |
34
- |------|-------------|---------------------|
35
- | `hero` | Article header, main theme | FLUX 2 Pro / Imagen |
36
- | `illustration` | Abstract concepts, metaphors | FLUX 2 Pro |
37
- | `diagram` | Technical workflows, architecture | Gemini |
38
- | `screenshot` | UI mockups, interface designs | GPT Image 1.5 |
39
- | `infographic-data` | Statistics, metrics, charts | GPT Image 1.5 |
40
- | `infographic-process` | Step flows, workflows | FLUX 2 Pro |
41
- | `infographic-comparison` | Side-by-side comparisons | GPT Image 1.5 |
42
- | `infographic-timeline` | Chronological events | FLUX 2 Pro |
43
- | `architecture-diagram` | System design, tech stacks | Gemini |
44
- | `flowchart` | Decision trees, processes | Gemini |
45
- | `sequence-diagram` | API/service interactions | Gemini |
46
- | `video` | Product demos, tutorials | Veo 3 |
47
-
48
- ## Prerequisites
49
-
50
- - At least one API key configured:
51
- - `GOOGLE_API_KEY` (for Gemini, Imagen, Veo)
52
- - `OPENAI_API_KEY` (for DALL-E, GPT Image)
53
- - `FAL_KEY` (for FLUX 2 Pro)
54
-
55
- Run `/myai-configure visual` to set up API keys.
56
-
57
- ## Process
58
-
59
- 1. **Configuration Check**: Verify API keys are configured
60
- 2. **Requirements Gathering**: Collect prompt, type, and preferences
61
- 3. **Cost Estimation**: Show estimated cost and check budget
62
- 4. **Generation**: Generate image/video using selected service
63
- 5. **Asset Management**: Save to organized directory structure
64
- 6. **Markdown Reference**: Return embed code for content
65
-
66
- ## File Organization
67
-
68
- ```
69
- content-assets/
70
- ├── images/
71
- │ └── YYYY-MM-DD/
72
- │ └── {type}-{description}-{id}.png
73
- └── videos/
74
- └── YYYY-MM-DD/
75
- └── video-{description}-{id}.mp4
76
- ```
77
-
78
- ## Parameters
79
-
80
- | Parameter | Description | Default |
81
- |-----------|-------------|---------|
82
- | `prompt` | What the image/video should depict | Required |
83
- | `--type` | Image type (see table above) | hero |
84
- | `--service` | Preferred generation service | auto |
85
- | `--quality` | low, medium, high | medium |
86
- | `--size` | 1024x1024, 1792x1024, 1024x1792 | 1024x1024 |
87
- | `--description` | Short description for filename | auto |
88
-
89
- ## Budget Management
90
-
91
- The skill tracks daily and monthly spending:
92
- - Default daily budget: $5.00
93
- - Default monthly budget: $50.00
94
-
95
- Configure limits in `.env`:
96
- ```
97
- VISUAL_DAILY_BUDGET=10.00
98
- VISUAL_MONTHLY_BUDGET=100.00
99
- ```
100
-
101
- ## HTML Conversion Alternative
102
-
103
- For data-driven visuals requiring pixel-perfect accuracy, use HTML conversion instead of AI generation:
104
-
105
- | Use Case | Tool |
106
- |----------|------|
107
- | Exact numbers/data | HTML Conversion |
108
- | Precise text labels | HTML/D2 Conversion |
109
- | Charts and graphs | HTML Conversion |
110
- | Creative/artistic | AI Generation |
111
-
112
- ## Example Usage
113
-
114
- ```bash
115
- # Basic hero image
116
- /myaidev-method:generate-visual "Modern developer workspace" --type=hero
117
-
118
- # Technical diagram
119
- /myaidev-method:generate-visual "Microservices architecture with API gateway" --type=architecture-diagram --service=gemini
120
-
121
- # Data infographic
122
- /myaidev-method:generate-visual "5 Key API Metrics: Latency <50ms, Uptime 99.99%" --type=infographic-data --service=gpt-image-1.5
123
-
124
- # Video content
125
- /myaidev-method:generate-visual "Product demo showing login flow" --type=video --service=veo3
126
- ```
127
-
128
- ## Integration
129
-
130
- - Works with `/myaidev-method:content-writer` via `--with-images` flag
131
- - Automatic asset organization and cost tracking
132
- - Markdown reference generation for easy embedding
133
-
134
- ## Error Handling
135
-
136
- - Rate limiting: Wait 60 seconds and retry, or switch service
137
- - Budget exceeded: Shows usage and suggests increasing limits
138
- - API errors: Provides helpful guidance and alternatives
139
-
140
- Always prioritize user experience, cost transparency, and quality results.