npm - myaidev-method - Versions diffs - 0.2.23 → 0.2.24-2 - Mend

myaidev-method 0.2.23 → 0.2.24-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 (60) hide show

package/.claude-plugin/plugin.json +251 -0
package/PLUGIN_ARCHITECTURE.md +276 -0
package/README.md +204 -0
package/USER_GUIDE.md +436 -9
package/bin/cli.js +370 -38
package/dist/server/.tsbuildinfo +1 -1
package/extension.json +174 -0
package/hooks/hooks.json +221 -0
package/marketplace.json +179 -0
package/package.json +24 -7
package/skills/content-verifier/SKILL.md +178 -0
package/skills/content-writer/SKILL.md +151 -0
package/skills/coolify-deployer/SKILL.md +207 -0
package/skills/openstack-manager/SKILL.md +213 -0
package/skills/security-auditor/SKILL.md +180 -0
package/skills/security-tester/SKILL.md +171 -0
package/skills/sparc-architect/SKILL.md +146 -0
package/skills/sparc-coder/SKILL.md +136 -0
package/skills/sparc-documenter/SKILL.md +195 -0
package/skills/sparc-reviewer/SKILL.md +179 -0
package/skills/sparc-tester/SKILL.md +156 -0
package/skills/visual-generator/SKILL.md +147 -0
package/skills/wordpress-publisher/SKILL.md +150 -0
package/src/config/workflows.js +28 -44
package/src/lib/ascii-banner.js +214 -0
package/src/lib/config-manager.js +470 -0
package/src/lib/content-coordinator.js +2562 -0
package/src/lib/content-generator.js +427 -0
package/src/lib/html-conversion-utils.js +843 -0
package/src/lib/installation-detector.js +266 -0
package/src/lib/seo-optimizer.js +515 -0
package/src/lib/visual-config-utils.js +1 -1
package/src/lib/visual-generation-utils.js +34 -14
package/src/lib/wordpress-client.js +633 -0
package/src/lib/workflow-installer.js +3 -3
package/src/scripts/generate-visual-cli.js +39 -10
package/src/scripts/html-conversion-cli.js +526 -0
package/src/scripts/init/configure.js +436 -0
package/src/scripts/init/install.js +460 -0
package/src/scripts/ping.js +0 -1
package/src/scripts/utils/file-utils.js +404 -0
package/src/scripts/utils/logger.js +300 -0
package/src/scripts/utils/write-content.js +293 -0
package/src/templates/claude/agents/content-production-coordinator.md +689 -15
package/src/templates/claude/agents/visual-content-generator.md +129 -4
package/src/templates/claude/commands/myai-content-enrichment.md +227 -0
package/src/templates/claude/commands/myai-content-writer.md +48 -37
package/src/templates/claude/commands/myai-convert-html.md +186 -0
package/src/templates/claude/commands/myai-coordinate-content.md +347 -11
package/src/templates/diagrams/architecture.d2 +52 -0
package/src/templates/diagrams/flowchart.d2 +42 -0
package/src/templates/diagrams/sequence.d2 +47 -0
package/src/templates/docs/content-creation-guide.md +164 -0
package/src/templates/docs/deployment-guide.md +336 -0
package/src/templates/docs/visual-generation-guide.md +248 -0
package/src/templates/docs/wordpress-publishing-guide.md +208 -0
package/src/templates/infographics/comparison-table.html +347 -0
package/src/templates/infographics/data-chart.html +268 -0
package/src/templates/infographics/process-flow.html +365 -0
/package/src/scripts/{wordpress-health-check.js → wordpress/wordpress-health-check.js} +0 -0

package/src/templates/infographics/data-chart.html ADDED Viewed

@@ -0,0 +1,268 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{title}}</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: linear-gradient(135deg, {{backgroundColor || '#f8fafc'}} 0%, {{backgroundGradient || '#e2e8f0'}} 100%);
+      min-height: 100vh;
+      padding: 40px;
+    }
+    .container {
+      max-width: 800px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 24px;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
+      overflow: hidden;
+    }
+    .header {
+      background: linear-gradient(135deg, {{accentColor || '#3b82f6'}} 0%, {{accentGradient || '#1d4ed8'}} 100%);
+      color: white;
+      padding: 32px 40px;
+    }
+    .header h1 {
+      font-size: 28px;
+      font-weight: 700;
+      margin-bottom: 8px;
+    }
+    .header .subtitle {
+      font-size: 16px;
+      opacity: 0.9;
+    }
+    .content {
+      padding: 40px;
+    }
+    .chart-container {
+      margin-bottom: 32px;
+    }
+    .chart-bar {
+      display: flex;
+      align-items: center;
+      margin-bottom: 16px;
+    }
+    .chart-label {
+      width: 140px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #374151;
+      flex-shrink: 0;
+    }
+    .chart-bar-wrapper {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .chart-bar-track {
+      flex: 1;
+      height: 32px;
+      background: #f1f5f9;
+      border-radius: 8px;
+      overflow: hidden;
+    }
+    .chart-bar-fill {
+      height: 100%;
+      border-radius: 8px;
+      transition: width 0.5s ease-out;
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      padding-right: 12px;
+    }
+    .chart-bar-value {
+      font-size: 14px;
+      font-weight: 600;
+      color: white;
+      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
+    }
+    .chart-value-external {
+      font-size: 14px;
+      font-weight: 600;
+      color: #374151;
+      min-width: 50px;
+    }
+    /* Pie Chart Styles */
+    .pie-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 48px;
+      padding: 20px;
+    }
+    .pie-chart {
+      width: 200px;
+      height: 200px;
+      border-radius: 50%;
+      position: relative;
+    }
+    .pie-legend {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+    }
+    .legend-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .legend-color {
+      width: 16px;
+      height: 16px;
+      border-radius: 4px;
+      flex-shrink: 0;
+    }
+    .legend-text {
+      font-size: 14px;
+      color: #374151;
+    }
+    .legend-value {
+      font-weight: 600;
+      color: #111827;
+      margin-left: auto;
+    }
+    /* Stats Grid */
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+      gap: 20px;
+      margin-top: 32px;
+      padding-top: 32px;
+      border-top: 1px solid #e5e7eb;
+    }
+    .stat-card {
+      text-align: center;
+      padding: 20px;
+      background: #f8fafc;
+      border-radius: 12px;
+    }
+    .stat-value {
+      font-size: 32px;
+      font-weight: 700;
+      color: {{accentColor || '#3b82f6'}};
+      margin-bottom: 4px;
+    }
+    .stat-label {
+      font-size: 13px;
+      color: #6b7280;
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+    }
+    .footer {
+      padding: 24px 40px;
+      background: #f8fafc;
+      border-top: 1px solid #e5e7eb;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .source {
+      font-size: 12px;
+      color: #9ca3af;
+    }
+    .branding {
+      font-size: 12px;
+      color: #9ca3af;
+      font-weight: 500;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>{{title}}</h1>
+      {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+    </div>
+    <div class="content">
+      {{#chartType === 'bar'}}
+      <div class="chart-container">
+        {{#items}}
+        <div class="chart-bar">
+          <span class="chart-label">{{label}}</span>
+          <div class="chart-bar-wrapper">
+            <div class="chart-bar-track">
+              <div class="chart-bar-fill" style="width: {{percentage}}%; background: {{color || '#3b82f6'}}">
+                {{#showValueInBar}}<span class="chart-bar-value">{{value}}{{unit}}</span>{{/showValueInBar}}
+              </div>
+            </div>
+            {{#showValueExternal}}<span class="chart-value-external">{{value}}{{unit}}</span>{{/showValueExternal}}
+          </div>
+        </div>
+        {{/items}}
+      </div>
+      {{/chartType === 'bar'}}
+      {{#chartType === 'pie'}}
+      <div class="pie-container">
+        <div class="pie-chart" style="background: conic-gradient({{pieGradient}})"></div>
+        <div class="pie-legend">
+          {{#items}}
+          <div class="legend-item">
+            <div class="legend-color" style="background: {{color}}"></div>
+            <span class="legend-text">{{label}}</span>
+            <span class="legend-value">{{value}}{{unit}}</span>
+          </div>
+          {{/items}}
+        </div>
+      </div>
+      {{/chartType === 'pie'}}
+      {{#stats}}
+      <div class="stats-grid">
+        {{#stats}}
+        <div class="stat-card">
+          <div class="stat-value">{{value}}</div>
+          <div class="stat-label">{{label}}</div>
+        </div>
+        {{/stats}}
+      </div>
+      {{/stats}}
+    </div>
+    {{#source}}
+    <div class="footer">
+      <span class="source">Source: {{source}}</span>
+      {{#branding}}<span class="branding">{{branding}}</span>{{/branding}}
+    </div>
+    {{/source}}
+  </div>
+</body>
+</html>

package/src/templates/infographics/process-flow.html ADDED Viewed

@@ -0,0 +1,365 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>{{title}}</title>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
+  <style>
+    * {
+      margin: 0;
+      padding: 0;
+      box-sizing: border-box;
+    }
+    body {
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+      background: linear-gradient(135deg, {{backgroundColor || '#f8fafc'}} 0%, {{backgroundGradient || '#e2e8f0'}} 100%);
+      min-height: 100vh;
+      padding: 40px;
+    }
+    .container {
+      max-width: 900px;
+      margin: 0 auto;
+      background: white;
+      border-radius: 24px;
+      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
+      overflow: hidden;
+    }
+    .header {
+      background: linear-gradient(135deg, {{accentColor || '#3b82f6'}} 0%, {{accentGradient || '#1d4ed8'}} 100%);
+      color: white;
+      padding: 32px 40px;
+      text-align: center;
+    }
+    .header h1 {
+      font-size: 28px;
+      font-weight: 700;
+      margin-bottom: 8px;
+    }
+    .header .subtitle {
+      font-size: 16px;
+      opacity: 0.9;
+    }
+    .content {
+      padding: 40px;
+    }
+    /* Vertical Flow Layout */
+    .flow-vertical {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+    }
+    .flow-step {
+      display: flex;
+      gap: 24px;
+      position: relative;
+    }
+    .step-indicator {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      flex-shrink: 0;
+    }
+    .step-number {
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      background: linear-gradient(135deg, {{accentColor || '#3b82f6'}} 0%, {{accentGradient || '#1d4ed8'}} 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 18px;
+      font-weight: 700;
+      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
+      z-index: 1;
+    }
+    .step-connector {
+      width: 3px;
+      flex: 1;
+      min-height: 40px;
+      background: linear-gradient(to bottom, {{accentColor || '#3b82f6'}}, #e5e7eb);
+    }
+    .flow-step:last-child .step-connector {
+      display: none;
+    }
+    .step-content {
+      flex: 1;
+      padding-bottom: 32px;
+    }
+    .step-title {
+      font-size: 18px;
+      font-weight: 600;
+      color: #111827;
+      margin-bottom: 8px;
+    }
+    .step-description {
+      font-size: 14px;
+      color: #6b7280;
+      line-height: 1.6;
+    }
+    .step-details {
+      margin-top: 12px;
+      padding: 16px;
+      background: #f8fafc;
+      border-radius: 12px;
+      border-left: 3px solid {{accentColor || '#3b82f6'}};
+    }
+    .step-details ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+    }
+    .step-details li {
+      font-size: 13px;
+      color: #4b5563;
+      padding: 6px 0;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .step-details li::before {
+      content: '→';
+      color: {{accentColor || '#3b82f6'}};
+      font-weight: bold;
+    }
+    /* Horizontal Flow Layout */
+    .flow-horizontal {
+      display: flex;
+      justify-content: space-between;
+      gap: 16px;
+      overflow-x: auto;
+      padding: 20px 0;
+    }
+    .flow-h-step {
+      flex: 1;
+      min-width: 160px;
+      text-align: center;
+      position: relative;
+    }
+    .flow-h-step:not(:last-child)::after {
+      content: '';
+      position: absolute;
+      top: 28px;
+      right: -24px;
+      width: 32px;
+      height: 3px;
+      background: linear-gradient(to right, {{accentColor || '#3b82f6'}}, #e5e7eb);
+    }
+    .h-step-icon {
+      width: 56px;
+      height: 56px;
+      border-radius: 16px;
+      background: linear-gradient(135deg, {{accentColor || '#3b82f6'}} 0%, {{accentGradient || '#1d4ed8'}} 100%);
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      margin: 0 auto 16px;
+      box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
+    }
+    .h-step-number {
+      font-weight: 700;
+    }
+    .h-step-title {
+      font-size: 14px;
+      font-weight: 600;
+      color: #111827;
+      margin-bottom: 4px;
+    }
+    .h-step-desc {
+      font-size: 12px;
+      color: #6b7280;
+      line-height: 1.5;
+    }
+    /* Timeline Layout */
+    .timeline {
+      position: relative;
+      padding-left: 40px;
+    }
+    .timeline::before {
+      content: '';
+      position: absolute;
+      left: 16px;
+      top: 0;
+      bottom: 0;
+      width: 3px;
+      background: linear-gradient(to bottom, {{accentColor || '#3b82f6'}}, #e5e7eb);
+    }
+    .timeline-item {
+      position: relative;
+      padding-bottom: 32px;
+    }
+    .timeline-item:last-child {
+      padding-bottom: 0;
+    }
+    .timeline-marker {
+      position: absolute;
+      left: -40px;
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: white;
+      border: 3px solid {{accentColor || '#3b82f6'}};
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      font-weight: 600;
+      color: {{accentColor || '#3b82f6'}};
+    }
+    .timeline-content {
+      background: #f8fafc;
+      padding: 20px;
+      border-radius: 12px;
+    }
+    .timeline-date {
+      font-size: 12px;
+      font-weight: 600;
+      color: {{accentColor || '#3b82f6'}};
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      margin-bottom: 8px;
+    }
+    .timeline-title {
+      font-size: 16px;
+      font-weight: 600;
+      color: #111827;
+      margin-bottom: 8px;
+    }
+    .timeline-desc {
+      font-size: 14px;
+      color: #6b7280;
+      line-height: 1.6;
+    }
+    .footer {
+      padding: 24px 40px;
+      background: #f8fafc;
+      border-top: 1px solid #e5e7eb;
+      text-align: center;
+    }
+    .footer-text {
+      font-size: 13px;
+      color: #6b7280;
+    }
+    .branding {
+      font-size: 12px;
+      color: #9ca3af;
+      font-weight: 500;
+      margin-top: 8px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <h1>{{title}}</h1>
+      {{#subtitle}}<p class="subtitle">{{subtitle}}</p>{{/subtitle}}
+    </div>
+    <div class="content">
+      {{#layout === 'vertical'}}
+      <div class="flow-vertical">
+        {{#steps}}
+        <div class="flow-step">
+          <div class="step-indicator">
+            <div class="step-number">{{number}}</div>
+            <div class="step-connector"></div>
+          </div>
+          <div class="step-content">
+            <div class="step-title">{{title}}</div>
+            <div class="step-description">{{description}}</div>
+            {{#details}}
+            <div class="step-details">
+              <ul>
+                {{#details}}
+                <li>{{.}}</li>
+                {{/details}}
+              </ul>
+            </div>
+            {{/details}}
+          </div>
+        </div>
+        {{/steps}}
+      </div>
+      {{/layout === 'vertical'}}
+      {{#layout === 'horizontal'}}
+      <div class="flow-horizontal">
+        {{#steps}}
+        <div class="flow-h-step">
+          <div class="h-step-icon">
+            {{#icon}}{{icon}}{{/icon}}
+            {{^icon}}<span class="h-step-number">{{number}}</span>{{/icon}}
+          </div>
+          <div class="h-step-title">{{title}}</div>
+          <div class="h-step-desc">{{description}}</div>
+        </div>
+        {{/steps}}
+      </div>
+      {{/layout === 'horizontal'}}
+      {{#layout === 'timeline'}}
+      <div class="timeline">
+        {{#steps}}
+        <div class="timeline-item">
+          <div class="timeline-marker">{{number}}</div>
+          <div class="timeline-content">
+            {{#date}}<div class="timeline-date">{{date}}</div>{{/date}}
+            <div class="timeline-title">{{title}}</div>
+            <div class="timeline-desc">{{description}}</div>
+          </div>
+        </div>
+        {{/steps}}
+      </div>
+      {{/layout === 'timeline'}}
+    </div>
+    {{#footerText}}
+    <div class="footer">
+      <div class="footer-text">{{footerText}}</div>
+      {{#branding}}<div class="branding">{{branding}}</div>{{/branding}}
+    </div>
+    {{/footerText}}
+  </div>
+</body>
+</html>

/package/src/scripts/{wordpress-health-check.js → wordpress/wordpress-health-check.js} RENAMED Viewed

File without changes