aico-cli 2.0.28 → 2.0.30

package/templates/skills/slack-gif-creator/templates/zoom.py

@@ -1,312 +0,0 @@
-#!/usr/bin/env python3
-"""
-Zoom Animation - Scale objects dramatically for emphasis.
-
-Creates zoom in, zoom out, and dramatic scaling effects.
-"""
-
-import sys
-from pathlib import Path
-import math
-
-sys.path.append(str(Path(__file__).parent.parent))
-
-from PIL import Image, ImageFilter
-from core.gif_builder import GIFBuilder
-from core.frame_composer import create_blank_frame, draw_emoji_enhanced
-from core.easing import interpolate
-
-
-def create_zoom_animation(
-    object_type: str = 'emoji',
-    object_data: dict | None = None,
-    num_frames: int = 30,
-    zoom_type: str = 'in',  # 'in', 'out', 'in_out', 'punch'
-    scale_range: tuple[float, float] = (0.1, 2.0),
-    easing: str = 'ease_out',
-    add_motion_blur: bool = False,
-    center_pos: tuple[int, int] = (240, 240),
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create zoom animation.
-
-    Args:
-        object_type: 'emoji', 'text', 'image'
-        object_data: Object configuration
-        num_frames: Number of frames
-        zoom_type: Type of zoom effect
-        scale_range: (start_scale, end_scale) tuple
-        easing: Easing function
-        add_motion_blur: Add blur for speed effect
-        center_pos: Center position
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    # Default object data
-    if object_data is None:
-        if object_type == 'emoji':
-            object_data = {'emoji': '🔍', 'size': 100}
-
-    base_size = object_data.get('size', 100) if object_type == 'emoji' else object_data.get('font_size', 60)
-    start_scale, end_scale = scale_range
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Calculate scale based on zoom type
-        if zoom_type == 'in':
-            scale = interpolate(start_scale, end_scale, t, easing)
-        elif zoom_type == 'out':
-            scale = interpolate(end_scale, start_scale, t, easing)
-        elif zoom_type == 'in_out':
-            if t < 0.5:
-                scale = interpolate(start_scale, end_scale, t * 2, easing)
-            else:
-                scale = interpolate(end_scale, start_scale, (t - 0.5) * 2, easing)
-        elif zoom_type == 'punch':
-            # Quick zoom in with overshoot then settle
-            if t < 0.3:
-                scale = interpolate(start_scale, end_scale * 1.2, t / 0.3, 'ease_out')
-            else:
-                scale = interpolate(end_scale * 1.2, end_scale, (t - 0.3) / 0.7, 'elastic_out')
-        else:
-            scale = interpolate(start_scale, end_scale, t, easing)
-
-        # Create frame
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        if object_type == 'emoji':
-            current_size = int(base_size * scale)
-
-            # Clamp size to reasonable bounds
-            current_size = max(12, min(current_size, frame_width * 2))
-
-            # Create emoji on transparent background
-            canvas_size = max(frame_width, frame_height, current_size) * 2
-            emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
-
-            draw_emoji_enhanced(
-                emoji_canvas,
-                emoji=object_data['emoji'],
-                position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
-                size=current_size,
-                shadow=False
-            )
-
-            # Optional motion blur for fast zooms
-            if add_motion_blur and abs(scale - 1.0) > 0.5:
-                blur_amount = min(5, int(abs(scale - 1.0) * 3))
-                emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
-
-            # Crop to frame size centered
-            left = (canvas_size - frame_width) // 2
-            top = (canvas_size - frame_height) // 2
-            emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-            # Composite
-            frame_rgba = frame.convert('RGBA')
-            frame = Image.alpha_composite(frame_rgba, emoji_cropped)
-            frame = frame.convert('RGB')
-
-        elif object_type == 'text':
-            from core.typography import draw_text_with_outline
-
-            current_size = int(base_size * scale)
-            current_size = max(10, min(current_size, 500))
-
-            # Create oversized canvas for large text
-            canvas_size = max(frame_width, frame_height, current_size * 10)
-            text_canvas = Image.new('RGB', (canvas_size, canvas_size), bg_color)
-
-            draw_text_with_outline(
-                text_canvas,
-                text=object_data.get('text', 'ZOOM'),
-                position=(canvas_size // 2, canvas_size // 2),
-                font_size=current_size,
-                text_color=object_data.get('text_color', (0, 0, 0)),
-                outline_color=object_data.get('outline_color', (255, 255, 255)),
-                outline_width=max(2, int(current_size * 0.05)),
-                centered=True
-            )
-
-            # Crop to frame
-            left = (canvas_size - frame_width) // 2
-            top = (canvas_size - frame_height) // 2
-            frame = text_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-        frames.append(frame)
-
-    return frames
-
-
-def create_explosion_zoom(
-    emoji: str = '💥',
-    num_frames: int = 20,
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create dramatic explosion zoom effect.
-
-    Args:
-        emoji: Emoji to explode
-        num_frames: Number of frames
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Exponential zoom
-        scale = 0.1 * math.exp(t * 5)
-
-        # Add rotation for drama
-        angle = t * 360 * 2
-
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        current_size = int(100 * scale)
-        current_size = max(12, min(current_size, frame_width * 3))
-
-        # Create emoji
-        canvas_size = max(frame_width, frame_height, current_size) * 2
-        emoji_canvas = Image.new('RGBA', (canvas_size, canvas_size), (0, 0, 0, 0))
-
-        draw_emoji_enhanced(
-            emoji_canvas,
-            emoji=emoji,
-            position=(canvas_size // 2 - current_size // 2, canvas_size // 2 - current_size // 2),
-            size=current_size,
-            shadow=False
-        )
-
-        # Rotate
-        emoji_canvas = emoji_canvas.rotate(angle, center=(canvas_size // 2, canvas_size // 2), resample=Image.BICUBIC)
-
-        # Add motion blur for later frames
-        if t > 0.5:
-            blur_amount = int((t - 0.5) * 10)
-            emoji_canvas = emoji_canvas.filter(ImageFilter.GaussianBlur(blur_amount))
-
-        # Crop and composite
-        left = (canvas_size - frame_width) // 2
-        top = (canvas_size - frame_height) // 2
-        emoji_cropped = emoji_canvas.crop((left, top, left + frame_width, top + frame_height))
-
-        frame_rgba = frame.convert('RGBA')
-        frame = Image.alpha_composite(frame_rgba, emoji_cropped)
-        frame = frame.convert('RGB')
-
-        frames.append(frame)
-
-    return frames
-
-
-def create_mind_blown_zoom(
-    emoji: str = '🤯',
-    num_frames: int = 30,
-    frame_width: int = 480,
-    frame_height: int = 480,
-    bg_color: tuple[int, int, int] = (255, 255, 255)
-) -> list[Image.Image]:
-    """
-    Create "mind blown" dramatic zoom with shake.
-
-    Args:
-        emoji: Emoji to use
-        num_frames: Number of frames
-        frame_width: Frame width
-        frame_height: Frame height
-        bg_color: Background color
-
-    Returns:
-        List of frames
-    """
-    frames = []
-
-    for i in range(num_frames):
-        t = i / (num_frames - 1) if num_frames > 1 else 0
-
-        # Zoom in then shake
-        if t < 0.5:
-            scale = interpolate(0.3, 1.2, t * 2, 'ease_out')
-            shake_x = 0
-            shake_y = 0
-        else:
-            scale = 1.2
-            # Shake intensifies
-            shake_intensity = (t - 0.5) * 40
-            shake_x = int(math.sin(t * 50) * shake_intensity)
-            shake_y = int(math.cos(t * 45) * shake_intensity)
-
-        frame = create_blank_frame(frame_width, frame_height, bg_color)
-
-        current_size = int(100 * scale)
-        center_x = frame_width // 2 + shake_x
-        center_y = frame_height // 2 + shake_y
-
-        emoji_canvas = Image.new('RGBA', (frame_width, frame_height), (0, 0, 0, 0))
-        draw_emoji_enhanced(
-            emoji_canvas,
-            emoji=emoji,
-            position=(center_x - current_size // 2, center_y - current_size // 2),
-            size=current_size,
-            shadow=False
-        )
-
-        frame_rgba = frame.convert('RGBA')
-        frame = Image.alpha_composite(frame_rgba, emoji_canvas)
-        frame = frame.convert('RGB')
-
-        frames.append(frame)
-
-    return frames
-
-
-# Example usage
-if __name__ == '__main__':
-    print("Creating zoom animations...")
-
-    builder = GIFBuilder(width=480, height=480, fps=20)
-
-    # Example 1: Zoom in
-    frames = create_zoom_animation(
-        object_type='emoji',
-        object_data={'emoji': '🔍', 'size': 100},
-        num_frames=30,
-        zoom_type='in',
-        scale_range=(0.1, 1.5),
-        easing='ease_out'
-    )
-    builder.add_frames(frames)
-    builder.save('zoom_in.gif', num_colors=128)
-
-    # Example 2: Explosion zoom
-    builder.clear()
-    frames = create_explosion_zoom(emoji='💥', num_frames=20)
-    builder.add_frames(frames)
-    builder.save('zoom_explosion.gif', num_colors=128)
-
-    # Example 3: Mind blown
-    builder.clear()
-    frames = create_mind_blown_zoom(emoji='🤯', num_frames=30)
-    builder.add_frames(frames)
-    builder.save('zoom_mind_blown.gif', num_colors=128)
-
-    print("Created zoom animations!")

package/templates/skills/swimlane-diagram/README.md

@@ -1,373 +0,0 @@
-# 泳道图生成器技能
-
-专业生成系统架构和业务流程的泳道图技能，支持用户旅程图和时序图两种真正的泳道图类型。
-
-## 🚀 快速开始
-
-### 安装
-
-```bash
-# 克隆技能仓库
-git clone <repository-url>
-cd swimlane-diagram-skill
-
-# 安装依赖（当前无外部依赖）
-npm install
-```
-
-### 基本使用
-
-```javascript
-import SwimlaneDiagramGenerator from './swimlane-diagram.mjs';
-
-// 创建生成器实例
-const generator = new SwimlaneDiagramGenerator();
-
-// 生成用户旅程图
-const journeyDiagram = generator.generate({
-  type: 'journey',
-  title: '用户支付流程',
-  data: [
-    {
-      name: '支付准备',
-      steps: [
-        { description: '用户打开应用', score: 5, actor: '用户' },
-        { description: '选择商品', score: 4, actor: '用户' }
-      ]
-    }
-  ]
-});
-
-console.log(journeyDiagram);
-```
-
-### 命令行使用
-
-```bash
-# 生成用户旅程图
-node swimlane-diagram.mjs --type journey --title "测试图表" --data journey-data.json
-
-# 生成时序图
-node swimlane-diagram.mjs --type sequence --title "API调用流程" --data sequence-data.json
-```
-
-## 📋 功能特性
-
-### 支持的图表类型
-
-#### 1. 用户旅程图 (User Journey Diagram)
-- **水平泳道**: 用户在不同阶段的体验流程
-- **情感曲线**: 1-5分评分系统表示用户满意度
-- **多角色协作**: 展示用户与系统的交互过程
-
-#### 2. 时序图 (Sequence Diagram)
-- **垂直泳道**: 系统参与者的生命线
-- **消息传递**: 同步/异步消息传递
-- **高级特性**: 激活状态、条件分支、循环结构
-
-### 核心功能
-
-- ✅ **参数验证**: 完整的输入参数验证和错误处理
-- ✅ **语法生成**: 标准的Mermaid语法输出
-- ✅ **预览功能**: HTML预览页面生成
-- ✅ **导出功能**: Markdown文件导出
-- ✅ **性能优化**: 高效的图表生成算法
-- ✅ **测试覆盖**: 完整的单元测试和集成测试
-
-## 📖 API文档
-
-### SwimlaneDiagramGenerator 类
-
-#### 构造函数
-
-```javascript
-const generator = new SwimlaneDiagramGenerator(options);
-```
-
-**选项参数:**
-- `theme`: 图表主题 (默认: 'default')
-- `autoValidate`: 自动验证参数 (默认: true)
-
-#### 方法
-
-##### generate(params)
-生成泳道图
-
-**参数:**
-- `type`: 图表类型 ('journey' | 'sequence')
-- `title`: 图表标题
-- `data`: 图表数据
-- `participants`: 时序图参与者列表（仅时序图需要）
-
-**返回值:** Mermaid语法字符串
-
-##### preview(mermaidCode)
-生成HTML预览页面
-
-**参数:** Mermaid代码
-**返回值:** HTML字符串
-
-##### exportToMarkdown(mermaidCode, title)
-导出为Markdown文件
-
-**参数:**
-- `mermaidCode`: Mermaid代码
-- `title`: 文件标题
-
-**返回值:** Markdown内容字符串
-
-##### validateSyntax(mermaidCode)
-验证Mermaid语法
-
-**参数:** Mermaid代码
-**返回值:** Promise<boolean>
-
-### 工具函数
-
-#### 解析数据
-
-```javascript
-import { utils } from './swimlane-diagram.mjs';
-
-// 解析用户旅程图数据
-const journeyData = utils.parseJourneyData(rawData);
-
-// 解析时序图数据
-const sequenceData = utils.parseSequenceData(rawData);
-
-// 美化Mermaid代码
-const formattedCode = utils.formatMermaidCode(rawCode);
-```
-
-## 🎯 使用示例
-
-### 示例1: 完整的用户旅程图
-
-```javascript
-import SwimlaneDiagramGenerator from './swimlane-diagram.mjs';
-
-const generator = new SwimlaneDiagramGenerator();
-
-const journeyData = [
-  {
-    name: '设备准备阶段',
-    steps: [
-      { description: '用户打开支付宝应用', score: 5, actor: '用户' },
-      { description: 'POS终端设备初始化', score: 4, actor: 'POS终端' },
-      { description: '系统检测设备状态', score: 3, actor: '系统' }
-    ]
-  },
-  {
-    name: '触碰交互阶段',
-    steps: [
-      { description: '用户选择碰一碰功能', score: 5, actor: '用户' },
-      { description: '用户触碰POS设备', score: 5, actor: '用户' },
-      { description: 'POS检测触碰信号', score: 4, actor: 'POS终端' }
-    ]
-  }
-];
-
-const mermaidCode = generator.generate({
-  type: 'journey',
-  title: '支付宝碰一碰支付用户旅程',
-  data: journeyData
-});
-
-console.log(mermaidCode);
-```
-
-### 示例2: 带激活状态的时序图
-
-```javascript
-import { generators } from './generators.mjs';
-
-const sequenceData = {
-  participants: ['用户', '前端系统', 'API网关', '业务服务'],
-  interactions: [
-    { from: '用户', to: '前端系统', message: '提交请求', type: 'sync' },
-    { from: '前端系统', to: 'API网关', message: '转发请求', type: 'sync' },
-    { from: 'API网关', to: '业务服务', message: '处理业务', type: 'sync' }
-  ],
-  activations: [
-    { participant: '前端系统', activate: true },
-    { participant: 'API网关', activate: true },
-    { participant: '业务服务', activate: true, deactivate: true }
-  ]
-};
-
-const mermaidCode = generators.sequenceWithActivations(sequenceData);
-console.log(mermaidCode);
-```
-
-### 示例3: 预览和导出
-
-```javascript
-const generator = new SwimlaneDiagramGenerator();
-
-// 生成图表
-const mermaidCode = generator.generate({
-  type: 'journey',
-  title: '测试图表',
-  data: [/* 数据 */]
-});
-
-// 生成预览HTML
-const htmlPreview = generator.preview(mermaidCode);
-
-// 导出为Markdown
-const markdownContent = generator.exportToMarkdown(mermaidCode, '我的泳道图');
-
-// 保存到文件
-import { writeFileSync } from 'fs';
-writeFileSync('preview.html', htmlPreview);
-writeFileSync('diagram.md', markdownContent);
-```
-
-## 🧪 测试
-
-### 运行测试
-
-```bash
-# 运行所有测试
-npm test
-
-# 开发模式运行测试（监听文件变化）
-npm run test:dev
-
-# 运行性能测试
-node swimlane-diagram.test.mjs
-```
-
-### 测试覆盖范围
-
-- ✅ 参数验证测试
-- ✅ 图表生成测试
-- ✅ 错误处理测试
-- ✅ 性能测试
-- ✅ 边界情况测试
-
-## 🔧 开发指南
-
-### 项目结构
-
-```
-swimlane-diagram-skill/
-├── swimlane-diagram.mjs      # 核心实现
-├── validators.mjs           # 验证器模块
-├── generators.mjs           # 生成器模块
-├── swimlane-diagram.test.mjs # 测试文件
-├── package.json             # 项目配置
-├── README.md                # 使用说明
-├── SKILL.md                 # 技能定义
-├── reference.md             # 参考手册
-└── examples.md              # 示例集
-```
-
-### 添加新的图表类型
-
-1. 在 `validators.mjs` 中添加验证函数
-2. 在 `generators.mjs` 中添加生成函数
-3. 在核心类中注册新的类型处理
-4. 添加相应的测试用例
-
-### 扩展功能
-
-技能设计支持模块化扩展，可以轻松添加：
-- 新的图表类型
-- 自定义主题
-- 高级布局算法
-- 第三方集成
-
-## 🚀 部署和集成
-
-### 集成到现有项目
-
-```javascript
-// 作为模块导入
-import SwimlaneDiagramGenerator from 'swimlane-diagram-skill';
-
-// 或使用CDN
-import('https://cdn.example.com/swimlane-diagram.mjs')
-  .then(module => {
-    const generator = new module.default();
-  });
-```
-
-### 命令行工具集成
-
-```bash
-# 全局安装
-npm install -g swimlane-diagram-skill
-
-# 使用
-swimlane-diagram --type journey --title "我的图表" --data data.json
-```
-
-## 📊 性能指标
-
-- **图表生成速度**: < 10ms（简单图表）
-- **内存使用**: < 10MB
-- **支持的最大参与者**: 10个
-- **支持的最大阶段**: 8个
-- **支持的最大步骤**: 每个阶段5个
-
-## 🤝 贡献指南
-
-### 报告问题
-
-请使用GitHub Issues报告问题，包括：
-- 问题描述
-- 重现步骤
-- 期望行为
-- 实际行为
-- 环境信息
-
-### 提交代码
-
-1. Fork项目
-2. 创建功能分支
-3. 提交更改
-4. 推送到分支
-5. 创建Pull Request
-
-### 代码规范
-
-- 使用ES6+语法
-- 添加JSDoc注释
-- 编写单元测试
-- 遵循现有代码风格
-
-## 📄 许可证
-
-MIT License - 详见 [LICENSE](LICENSE) 文件
-
-## 🔗 相关资源
-
-- [Mermaid.js 官方文档](https://mermaid.js.org/)
-- [用户旅程图语法参考](reference.md)
-- [时序图语法参考](reference.md)
-- [完整示例集](examples.md)
-
-## 🆘 故障排除
-
-### 常见问题
-
-**Q: 图表无法渲染？**
-A: 确保使用支持Mermaid的环境，或使用预览功能生成HTML。
-
-**Q: 参数验证失败？**
-A: 检查参数格式，参考示例确保数据结构正确。
-
-**Q: 性能问题？**
-A: 避免生成过于复杂的图表，考虑拆分大型图表。
-
-### 获取帮助
-
-- 查看 [SKILL.md](SKILL.md) 获取详细技能说明
-- 查看 [reference.md](reference.md) 获取语法参考
-- 查看 [examples.md](examples.md) 获取使用示例
-- 提交GitHub Issue获取技术支持
-
----
-
-**泳道图生成器技能** - 让系统架构和业务流程可视化变得简单！ 🎯