myaidev-method 0.2.22 → 0.2.24-1

package/src/templates/claude/commands/myai-configure.md

@@ -274,4 +274,4 @@ Performs:
 
 - Never display passwords in plain text
 - Use environment variables for sensitive data
-- Validate URLs and credentials before saving
+- Validate URLs and credentials before saving

package/src/templates/claude/commands/myai-content-rules-setup.md

@@ -0,0 +1,204 @@
+---
+name: myai-content-rules-setup
+description: Interactive setup wizard for configuring content generation rules, brand voice, and style guidelines
+usage: /myai-content-rules-setup [options]
+arguments:
+  - name: --quick
+    description: Run quick setup with only essential questions
+    required: false
+  - name: --update
+    description: Update existing content-rules.md file
+    required: false
+  - name: --import
+    description: Import from existing style guide document
+    required: false
+  - name: --preview
+    description: Preview current content rules
+    required: false
+---
+
+# Content Rules Setup Command
+
+## Purpose
+
+Launch an interactive Q&A wizard to create or update your `content-rules.md` file, which controls how the content-writer agent generates content for your brand.
+
+## Usage
+
+### Full Interactive Setup
+```bash
+/myai-content-rules-setup
+```
+Runs the complete setup wizard with all 29 questions covering:
+- Brand identity & voice
+- Target audience
+- Writing style guidelines
+- Content formatting
+- SEO requirements
+- Topics & boundaries
+- Visual content preferences
+- Prohibited words
+
+### Quick Setup Mode
+```bash
+/myai-content-rules-setup --quick
+```
+Asks only 5 essential questions:
+1. Brand name and description
+2. Target audience and expertise level
+3. Voice/tone preference
+4. Main content topics
+5. Words/topics to avoid
+
+Uses smart defaults for all other settings.
+
+### Update Existing Rules
+```bash
+/myai-content-rules-setup --update
+```
+Reads your existing `content-rules.md` and lets you:
+- Modify specific sections
+- Add new rules
+- Remove outdated rules
+- Keep unchanged sections intact
+
+### Import from Style Guide
+```bash
+/myai-content-rules-setup --import path/to/style-guide.pdf
+```
+Analyzes an existing brand style guide and:
+- Extracts brand voice and tone
+- Identifies formatting preferences
+- Pre-fills setup questions
+- Asks for confirmation/adjustments
+
+### Preview Current Rules
+```bash
+/myai-content-rules-setup --preview
+```
+Displays a summary of your current content-rules.md settings.
+
+## Output
+
+Creates or updates `content-rules.md` in your project root:
+
+```
+./content-rules.md
+```
+
+## Example Session
+
+```
+User: /myai-content-rules-setup --quick
+
+Agent: 👋 Quick Content Rules Setup
+
+I'll ask 5 essential questions to create your content-rules.md.
+
+Q1: What is your brand name and what do you do?
+    Example: "Acme Auth - We build authentication APIs for developers"
+
+User: DevTools Pro - We create productivity tools for software engineers
+
+Agent: Q2: Who is your audience and their expertise level?
+    a) Beginner developers
+    b) Intermediate developers  
+    c) Senior/advanced developers
+    d) Mixed technical levels
+
+User: c
+
+Agent: Q3: How should your content sound?
+    a) Professional & formal
+    b) Professional & friendly
+    c) Conversational & casual
+    d) Technical & direct
+
+User: d
+
+Agent: Q4: List your 3 main content topics:
+
+User: CLI tools, developer workflows, code automation
+
+Agent: Q5: Any words or topics to avoid? (or type "none")
+
+User: marketing jargon, "game-changing", "revolutionary"
+
+Agent: ✅ Creating content-rules.md...
+
+📋 Summary:
+- Brand: DevTools Pro
+- Audience: Senior developers
+- Voice: Technical & direct
+- Topics: CLI tools, workflows, automation
+- Banned: marketing jargon, game-changing, revolutionary
+
+✅ Generated content-rules.md
+
+Your content-writer agent will now use these rules.
+Run /myai-content-rules-setup to access all settings.
+```
+
+## Integration
+
+### With content-writer Agent
+The content-writer automatically applies rules from content-rules.md:
+
+```bash
+/myai-content-writer "How to build a CLI tool" --word_count 1500
+# Applies your brand voice, style, and formatting rules
+```
+
+### With visual-content-generator Agent
+Visual preferences are passed to image generation:
+
+```bash
+/myai-generate-visual "Developer workflow diagram"
+# Uses your visual style preferences from content-rules.md
+```
+
+## Sections Configured
+
+| Section | What It Controls |
+|---------|------------------|
+| Brand Voice | Tone, personality, writing style |
+| Audience | Technical level, goals, pain points |
+| Formatting | Headings, lists, paragraphs, code blocks |
+| SEO | Keywords, meta descriptions, CTAs |
+| Topics | Focus areas, competitor handling |
+| Visuals | Image style, infographic preferences |
+| Prohibited | Banned words and phrases |
+
+## Tips
+
+1. **Start with --quick**: Get started fast, refine later
+2. **Provide examples**: Real content samples help capture your voice
+3. **Update regularly**: Run --update as your brand evolves
+4. **Team consistency**: Commit content-rules.md to version control
+5. **Test output**: Generate a sample article to verify rules work
+
+## Related Commands
+
+- `/myai-content-writer` - Generate content using your rules
+- `/myai-generate-visual` - Generate visuals matching your style
+- `/myai-coordinate-content` - Batch content production
+
+## Troubleshooting
+
+### Rules not being applied?
+1. Verify content-rules.md exists in project root
+2. Check file is valid markdown
+3. Run `/myai-content-rules-setup --preview` to verify
+
+### Want to start over?
+```bash
+rm content-rules.md
+/myai-content-rules-setup
+```
+
+### Need more customization?
+Run full setup instead of --quick:
+```bash
+/myai-content-rules-setup
+# Accesses all 29 configuration options
+```

package/src/templates/claude/commands/myai-convert-html.md

@@ -0,0 +1,186 @@
+---
+name: myai-convert-html
+description: Convert HTML templates to PNG, PDF, or PPTX formats for precise visual content
+---
+
+# HTML Conversion Tool
+
+Convert HTML templates and D2 diagrams to images, PDFs, and presentations with pixel-perfect accuracy.
+
+## When to Use This Tool
+
+Use HTML conversion when you need:
+- **Data-driven infographics** with precise numbers and text
+- **Comparison tables** with exact formatting
+- **Process diagrams** with specific labels
+- **Architecture diagrams** using D2 language
+- **Presentation slides** (PPTX) from HTML content
+
+## Available Commands
+
+### List Templates
+```bash
+node src/scripts/html-conversion-cli.js list
+```
+
+### Convert HTML Template
+```bash
+# Basic usage
+node src/scripts/html-conversion-cli.js template data-chart --data '{"title":"Sales Report","items":[...]}' --format png
+
+# With output file
+node src/scripts/html-conversion-cli.js template comparison-table --data data.json --output comparison.png
+```
+
+### Convert D2 Diagram
+```bash
+# From inline script
+node src/scripts/html-conversion-cli.js d2 "user -> api -> database" --format png
+
+# From file
+node src/scripts/html-conversion-cli.js d2 diagram.d2 --format svg --theme 200
+```
+
+### Convert D2 Template
+```bash
+node src/scripts/html-conversion-cli.js d2-template architecture --data '{"title":"System Design",...}' --format svg
+```
+
+### Convert Raw HTML
+```bash
+node src/scripts/html-conversion-cli.js html custom.html --format pdf
+```
+
+### Generate PPTX
+```bash
+# From directory of HTML slides
+node src/scripts/html-conversion-cli.js pptx ./slides/ --output presentation.pptx
+
+# From JSON configuration
+node src/scripts/html-conversion-cli.js pptx slides.json --title "Q4 Report" --author "Team"
+```
+
+## Built-in Templates
+
+### HTML Templates
+
+1. **data-chart** - Bar/pie charts with data visualization
+   ```json
+   {
+     "title": "Revenue by Region",
+     "chartType": "bar",
+     "items": [
+       {"label": "North America", "value": 45, "percentage": 90, "color": "#3b82f6"},
+       {"label": "Europe", "value": 32, "percentage": 64, "color": "#10b981"}
+     ]
+   }
+   ```
+
+2. **comparison-table** - Side-by-side feature comparisons
+   ```json
+   {
+     "title": "Plan Comparison",
+     "layout": "table",
+     "columns": [{"name": "Basic"}, {"name": "Pro", "highlight": true}],
+     "rows": [{"feature": "Users", "values": [{"text": "5"}, {"text": "Unlimited"}]}]
+   }
+   ```
+
+3. **process-flow** - Step-by-step process diagrams
+   ```json
+   {
+     "title": "Development Workflow",
+     "layout": "vertical",
+     "steps": [
+       {"number": 1, "title": "Planning", "description": "Define requirements"}
+     ]
+   }
+   ```
+
+### D2 Templates
+
+1. **architecture** - System architecture diagrams
+2. **flowchart** - Decision flowcharts
+3. **sequence** - Sequence diagrams
+
+## HTML vs AI Image Generation
+
+| Use Case | Recommended Tool |
+|----------|-----------------|
+| Infographics with exact data | HTML Conversion |
+| Creative/artistic images | AI Image Generation |
+| Diagrams with specific text | HTML/D2 Conversion |
+| Photorealistic scenes | AI Image Generation |
+| Presentations/slides | HTML → PPTX |
+| Charts and graphs | HTML Conversion |
+
+## Example Workflow
+
+1. **Create data file** (data.json):
+```json
+{
+  "title": "Q4 Performance Report",
+  "subtitle": "Year over Year Growth",
+  "chartType": "bar",
+  "items": [
+    {"label": "Revenue", "value": "$2.4M", "percentage": 85, "color": "#3b82f6"},
+    {"label": "Users", "value": "150K", "percentage": 72, "color": "#10b981"},
+    {"label": "Retention", "value": "94%", "percentage": 94, "color": "#f59e0b"}
+  ],
+  "source": "Internal Analytics"
+}
+```
+
+2. **Generate PNG**:
+```bash
+node src/scripts/html-conversion-cli.js template data-chart --data data.json --format png --output q4-report.png
+```
+
+3. **Generate PDF**:
+```bash
+node src/scripts/html-conversion-cli.js template data-chart --data data.json --format pdf --output q4-report.pdf
+```
+
+## D2 Diagram Quick Reference
+
+D2 is a declarative diagram language. Quick syntax:
+
+```d2
+# Nodes
+user: User {shape: person}
+api: API Server
+db: Database {shape: cylinder}
+
+# Connections
+user -> api: HTTP
+api -> db: SQL
+
+# Grouping
+backend: Backend {
+  api
+  db
+}
+```
+
+Install D2: `curl -fsSL https://d2lang.com/install.sh | sh`
+
+## Tips
+
+1. **Preview templates** before generating final output:
+   ```bash
+   node src/scripts/html-conversion-cli.js preview data-chart
+   ```
+
+2. **Use high DPI** for print quality:
+   ```bash
+   node src/scripts/html-conversion-cli.js template data-chart --data data.json --scale 3
+   ```
+
+3. **Custom styling** via template data:
+   ```json
+   {
+     "accentColor": "#6366f1",
+     "accentGradient": "#4f46e5",
+     "backgroundColor": "#fafafa"
+   }
+   ```

package/src/templates/codex/commands/myai-content-rules-setup.md

@@ -0,0 +1,85 @@
+---
+name: myai-content-rules-setup
+description: Interactive setup wizard for content generation rules, brand voice, and style guidelines
+usage: myai-content-rules-setup [--quick] [--update] [--preview]
+---
+
+# Content Rules Setup Command
+
+## Purpose
+
+Launch an interactive Q&A wizard to create or update your `content-rules.md` file, which controls how the content-writer generates content for your brand.
+
+## Usage
+
+### Full Interactive Setup
+```bash
+myai-content-rules-setup
+```
+Runs complete setup with all questions covering:
+- Brand identity & voice
+- Target audience
+- Writing style
+- Content formatting
+- SEO requirements
+- Topics & boundaries
+- Visual preferences
+- Prohibited words
+
+### Quick Setup (5 Questions)
+```bash
+myai-content-rules-setup --quick
+```
+Essential questions only:
+1. Brand name and description
+2. Target audience and expertise level
+3. Voice/tone preference
+4. Main content topics
+5. Words/topics to avoid
+
+### Update Existing Rules
+```bash
+myai-content-rules-setup --update
+```
+Modify specific sections of existing content-rules.md.
+
+### Preview Current Rules
+```bash
+myai-content-rules-setup --preview
+```
+Display summary of current content-rules.md settings.
+
+## Output
+
+Creates or updates `content-rules.md` in your project root.
+
+## Integration
+
+- **content-writer**: Automatically applies rules from content-rules.md
+- **visual-content-generator**: Uses visual style preferences for image generation
+
+## Example Quick Setup
+
+```
+Q1: What is your brand name and what do you do?
+> DevTools Pro - Developer productivity tools
+
+Q2: Who is your audience? (beginner/intermediate/advanced/mixed)
+> advanced
+
+Q3: How should content sound? (formal/friendly/casual/technical)
+> technical
+
+Q4: List your 3 main content topics:
+> CLI tools, automation, developer workflows
+
+Q5: Words or topics to avoid? (or "none")
+> marketing jargon, buzzwords
+
+✅ Generated content-rules.md
+```
+
+## Related Commands
+
+- `myai-content-writer` - Generate content using your rules
+- `myai-generate-visual` - Generate visuals matching your style

package/src/templates/diagrams/architecture.d2

@@ -0,0 +1,52 @@
+# Architecture Diagram Template
+# Variables: {{title}}, {{direction}}, {{components}}, {{connections}}
+# Theme: 200 (Terminal theme) by default
+
+# Layout direction
+direction: {{direction || 'right'}}
+
+# Title (optional)
+{{#title}}
+title: {{title}} {
+  near: top-center
+  shape: text
+  style: {
+    font-size: 24
+    bold: true
+  }
+}
+{{/title}}
+
+# Component definitions
+{{#components}}
+{{id}}: {{label}} {
+  {{#shape}}shape: {{shape}}{{/shape}}
+  {{#icon}}icon: {{icon}}{{/icon}}
+  {{#style}}
+  style: {
+    {{#fill}}fill: "{{fill}}"{{/fill}}
+    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
+    {{#fontSize}}font-size: {{fontSize}}{{/fontSize}}
+  }
+  {{/style}}
+  {{#children}}
+  {{#children}}
+  {{id}}: {{label}} {
+    {{#shape}}shape: {{shape}}{{/shape}}
+  }
+  {{/children}}
+  {{/children}}
+}
+{{/components}}
+
+# Connections
+{{#connections}}
+{{from}} -> {{to}}{{#label}}: {{label}}{{/label}} {
+  {{#style}}
+  style: {
+    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
+    {{#strokeDash}}stroke-dash: {{strokeDash}}{{/strokeDash}}
+  }
+  {{/style}}
+}
+{{/connections}}

package/src/templates/diagrams/flowchart.d2

@@ -0,0 +1,42 @@
+# Flowchart Template
+# Variables: {{title}}, {{direction}}, {{nodes}}, {{edges}}
+# Shapes: rectangle, diamond (decision), oval, parallelogram, cylinder
+
+direction: {{direction || 'down'}}
+
+# Title
+{{#title}}
+title: {{title}} {
+  near: top-center
+  shape: text
+  style: {
+    font-size: 24
+    bold: true
+  }
+}
+{{/title}}
+
+# Node definitions
+{{#nodes}}
+{{id}}: {{label}} {
+  shape: {{shape || 'rectangle'}}
+  {{#style}}
+  style: {
+    {{#fill}}fill: "{{fill}}"{{/fill}}
+    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
+    {{#fontColor}}font-color: "{{fontColor}}"{{/fontColor}}
+  }
+  {{/style}}
+}
+{{/nodes}}
+
+# Edges/Connections
+{{#edges}}
+{{from}} -> {{to}}{{#label}}: {{label}}{{/label}} {
+  {{#style}}
+  style: {
+    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
+  }
+  {{/style}}
+}
+{{/edges}}

package/src/templates/diagrams/sequence.d2

@@ -0,0 +1,47 @@
+# Sequence Diagram Template
+# Variables: {{title}}, {{actors}}, {{messages}}
+
+shape: sequence_diagram
+
+# Title
+{{#title}}
+title: {{title}} {
+  near: top-center
+  shape: text
+  style: {
+    font-size: 24
+    bold: true
+  }
+}
+{{/title}}
+
+# Actor definitions
+{{#actors}}
+{{id}}: {{label}} {
+  {{#shape}}shape: {{shape}}{{/shape}}
+  {{#style}}
+  style: {
+    {{#fill}}fill: "{{fill}}"{{/fill}}
+  }
+  {{/style}}
+}
+{{/actors}}
+
+# Messages/Interactions
+{{#messages}}
+{{from}} -> {{to}}: {{label}} {
+  {{#style}}
+  style: {
+    {{#stroke}}stroke: "{{stroke}}"{{/stroke}}
+    {{#strokeDash}}stroke-dash: {{strokeDash}}{{/strokeDash}}
+  }
+  {{/style}}
+}
+{{#response}}
+{{to}} -> {{from}}: {{response}} {
+  style: {
+    stroke-dash: 3
+  }
+}
+{{/response}}
+{{/messages}}