anchi-toolkit 1.0.0

package/.cursor/skills/INSTALLATION.md

@@ -0,0 +1,360 @@
+# Skills Installation Guide
+
+This guide explains how to install dependencies for Cursor skills.
+
+## Overview
+
+Skills are organized into groups with Python utility scripts. Each skill's scripts directory contains a `requirements.txt` file listing dependencies.
+
+## Automated Installation (Recommended)
+
+Use the provided installation scripts for automated setup:
+
+### Linux/macOS
+
+```bash
+cd .cursor/skills
+chmod +x install.sh
+./install.sh
+```
+
+The script will:
+- Detect your OS (Linux or macOS)
+- Install package managers (Homebrew for macOS, apt-get for Linux)
+- Install system dependencies (FFmpeg, ImageMagick)
+- Install Node.js and global packages (rmbg-cli, pnpm, wrangler, repomix)
+- Create Python virtual environment
+- Install Python packages for all skills
+- Install test dependencies
+- Verify all installations
+
+### Windows (PowerShell)
+
+Run as Administrator:
+
+```powershell
+cd .cursor\skills
+Set-ExecutionPolicy Bypass -Scope Process -Force
+.\install.ps1
+```
+
+Options:
+```powershell
+# Skip Chocolatey installation if already installed
+.\install.ps1 -SkipChocolatey
+
+# Show help
+.\install.ps1 -Help
+```
+
+The script will:
+- Install Chocolatey package manager (if needed)
+- Install system dependencies (FFmpeg, ImageMagick)
+- Install Node.js and global packages
+- Create Python virtual environment
+- Install Python packages
+- Verify all installations
+
+### What Gets Installed
+
+**System Tools:**
+- FFmpeg (video/audio processing)
+- ImageMagick (image processing)
+
+**Node.js Packages (global):**
+- rmbg-cli (AI background removal)
+- pnpm (package manager)
+- wrangler (Cloudflare CLI)
+- repomix (repository packaging)
+
+**Python Packages:**
+- google-genai (Gemini API)
+- pypdf, python-docx (document processing)
+- Pillow (image processing)
+- pytest, pytest-cov (testing)
+
+## Manual Installation
+
+If you prefer manual installation or the automated script fails:
+
+## Quick Start
+
+### Option 1: Install All Dependencies (Recommended)
+
+```bash
+# Create virtual environment
+python3 -m venv .venv
+source .venv/bin/activate  # On Windows: .venv\Scripts\activate
+
+# Install all skill dependencies
+pip install -r .cursor/skills/ai-multimodal/scripts/requirements.txt
+
+# Install test dependencies for development
+pip install pytest pytest-cov pytest-mock
+```
+
+### Option 2: Install Per-Skill
+
+Navigate to specific skill and install:
+
+```bash
+cd .cursor/skills/ai-multimodal/scripts
+pip install -r requirements.txt
+```
+
+## Skills Dependencies
+
+### Python Package Dependencies
+
+Most skills use only Python standard library. Only **ai-multimodal** requires external packages:
+
+**ai-multimodal** (`.cursor/skills/ai-multimodal/scripts/requirements.txt`):
+- `google-genai>=0.1.0` - Google Gemini API
+- `pypdf>=4.0.0` - PDF processing
+- `python-docx>=1.0.0` - DOCX conversion
+- `docx2pdf>=0.1.8` - PDF conversion (Windows only)
+- `markdown>=3.5.0` - Markdown processing
+- `Pillow>=10.0.0` - Image processing
+- `python-dotenv>=1.0.0` - Environment variables
+
+### System Tool Dependencies
+
+Several skills require external CLI tools:
+
+#### media-processing
+- **FFmpeg**: Video/audio processing
+  - Ubuntu/Debian: `sudo apt-get install ffmpeg`
+  - macOS: `brew install ffmpeg`
+  - Windows: `choco install ffmpeg`
+- **ImageMagick**: Image processing
+  - Ubuntu/Debian: `sudo apt-get install imagemagick`
+  - macOS: `brew install imagemagick`
+  - Windows: `choco install imagemagick`
+- **RMBG CLI**: AI background removal
+  - All platforms: `npm install -g rmbg-cli`
+
+#### devops
+- **Cloudflare Wrangler**: `npm install -g wrangler`
+- **Docker**: https://docs.docker.com/get-docker/
+- **Google Cloud CLI**: https://cloud.google.com/sdk/docs/install
+
+#### better-auth, repomix, shopify
+- **Node.js 18+**: https://nodejs.org/
+- **Better Auth**: `npm install better-auth`
+- **Repomix**: `npm install -g repomix`
+- **Shopify CLI**: `npm install -g @shopify/cli @shopify/theme`
+
+#### databases
+- **PostgreSQL client**: `sudo apt-get install postgresql-client` (Linux)
+- **MongoDB Shell**: https://www.mongodb.com/try/download/shell
+- **MongoDB Tools**: https://www.mongodb.com/try/download/database-tools
+
+#### web-frameworks, ui-styling
+- **Node.js 18+**: https://nodejs.org/
+- **pnpm**: `npm install -g pnpm`
+- **yarn**: `npm install -g yarn`
+
+## Installation by Platform
+
+### Linux (Ubuntu/Debian)
+
+```bash
+# Python environment
+python3 -m venv .venv
+source .venv/bin/activate
+
+# Python packages (ai-multimodal only)
+cd .cursor/skills/ai-multimodal/scripts
+pip install -r requirements.txt
+
+# System tools
+sudo apt-get update
+sudo apt-get install -y ffmpeg imagemagick postgresql-client
+
+# Node.js and tools
+curl -fsSL https://deb.nodesource.com/setup_20.x | sudo -E bash -
+sudo apt-get install -y nodejs
+npm install -g pnpm wrangler repomix rmbg-cli @shopify/cli
+```
+
+### macOS
+
+```bash
+# Python environment
+python3 -m venv .venv
+source .venv/bin/activate
+
+# Python packages (ai-multimodal only)
+cd .cursor/skills/ai-multimodal/scripts
+pip install -r requirements.txt
+
+# System tools via Homebrew
+brew install ffmpeg imagemagick postgresql
+
+# Node.js and tools
+brew install node
+npm install -g pnpm wrangler repomix rmbg-cli @shopify/cli
+```
+
+### Windows
+
+```powershell
+# Python environment
+python -m venv .venv
+.venv\Scripts\activate
+
+# Python packages (ai-multimodal only)
+cd .cursor\skills\ai-multimodal\scripts
+pip install -r requirements.txt
+
+# System tools via Chocolatey
+choco install ffmpeg imagemagick nodejs
+
+# Node.js tools
+npm install -g pnpm wrangler repomix rmbg-cli @shopify/cli
+```
+
+## Testing Dependencies
+
+All skills include test dependencies in `requirements.txt`:
+
+```txt
+pytest>=8.0.0
+pytest-cov>=4.1.0
+pytest-mock>=3.12.0
+```
+
+To run tests for a skill:
+
+```bash
+cd .cursor/skills/{skill-name}/scripts
+python -m pytest tests/ -v --cov=. --cov-report=term-missing
+```
+
+## Environment Variables
+
+Skills respect environment variable loading priority:
+
+1. **process.env** (highest priority - runtime environment)
+2. **`.cursor/skills/{skill-name}/.env`** (skill-specific config)
+3. **`.cursor/skills/.env`** (shared skills config)
+4. **`.cursor/.env`** (global Claude config)
+
+Example `.env` files are provided where needed (e.g., `devops/.env.example`).
+
+## Troubleshooting
+
+### "externally-managed-environment" Error
+
+If you see this error when installing packages:
+
+```bash
+# Use virtual environment (recommended)
+python3 -m venv .venv
+source .venv/bin/activate
+pip install -r requirements.txt
+
+# Or use pipx for CLI tools
+pipx install google-genai
+```
+
+### Missing System Tools
+
+If scripts fail with "command not found":
+
+```bash
+# Check if tool is installed
+which ffmpeg
+which docker
+which node
+
+# Verify tool works
+ffmpeg -version
+docker --version
+node --version
+```
+
+### Permission Errors
+
+On Linux/macOS, you may need to make scripts executable:
+
+```bash
+chmod +x .cursor/skills/*/scripts/*.py
+```
+
+## Minimal Installation
+
+If you only want to use specific skills:
+
+**For ai-multimodal only:**
+```bash
+pip install google-genai pypdf python-docx markdown Pillow python-dotenv
+```
+
+**For media-processing only:**
+```bash
+# macOS
+brew install ffmpeg imagemagick
+npm install -g rmbg-cli
+
+# Linux
+sudo apt-get install ffmpeg imagemagick
+npm install -g rmbg-cli
+
+# Windows
+choco install ffmpeg imagemagick
+npm install -g rmbg-cli
+```
+
+**For other skills:**
+Most other skills (better-auth, repomix, shopify, devops, web-frameworks, ui-styling, databases) use only Python stdlib and require no `pip install`.
+
+## Development Setup
+
+For contributors working on skills:
+
+```bash
+# Install all test dependencies
+pip install pytest pytest-cov pytest-mock
+
+# Install pre-commit hooks (if available)
+pre-commit install
+
+# Run all tests
+pytest .cursor/skills/*/scripts/tests/ -v
+
+# Check coverage across all skills
+pytest .cursor/skills/*/scripts/tests/ --cov=.cursor/skills --cov-report=html
+```
+
+## Skill-Specific Notes
+
+### ai-multimodal
+- Requires `GEMINI_API_KEY` in environment
+- Get API key: https://aistudio.google.com/app/apikey
+- Windows users: `docx2pdf` requires Microsoft Word installed
+
+### media-processing
+- FFmpeg must be in PATH
+- ImageMagick must be in PATH
+- RMBG CLI must be installed globally
+- Test with: `ffmpeg -version`, `convert -version`, and `rmbg --version`
+
+### devops
+- Cloudflare: Requires `CLOUDFLARE_API_TOKEN` and `CLOUDFLARE_ACCOUNT_ID`
+- GCloud: Requires `GOOGLE_APPLICATION_CREDENTIALS` path to service account JSON
+- Docker: Must have Docker daemon running
+
+### shopify
+- Requires Shopify CLI authentication: `shopify auth login`
+- Partner account needed for app development
+
+## Getting Help
+
+If dependencies fail to install or scripts don't work:
+
+1. Check the skill's `scripts/requirements.txt` for specific versions
+2. Verify system tools are installed and in PATH
+3. Check environment variables are set correctly
+4. Review skill's `SKILL.md` for additional setup instructions
+5. Open an issue: https://github.com/anthropics/claude-code/issues

package/.cursor/skills/README.md

@@ -0,0 +1,149 @@
+# Skills
+Skills are folders of instructions, scripts, and resources that Claude loads dynamically to improve performance on specialized tasks. Skills teach Claude how to complete specific tasks in a repeatable way, whether that's creating documents with your company's brand guidelines, analyzing data using your organization's specific workflows, or automating personal tasks.
+
+For more information, check out:
+- [What are skills?](https://support.cursor.com/en/articles/12512176-what-are-skills)
+- [Using skills in Claude](https://support.cursor.com/en/articles/12512180-using-skills-in-claude)
+- [How to create custom skills](https://support.cursor.com/en/articles/12512198-creating-custom-skills)
+- [Equipping agents for the real world with Agent Skills](https://anthropic.com/engineering/equipping-agents-for-the-real-world-with-agent-skills)
+
+# About This Repository
+
+This repository contains example skills that demonstrate what's possible with Claude's skills system. These examples range from creative applications (art, music, design) to technical tasks (testing web apps, MCP server generation) to enterprise workflows (communications, branding, etc.).
+
+Each skill is self-contained in its own directory with a `SKILL.md` file containing the instructions and metadata that Claude uses. Browse through these examples to get inspiration for your own skills or to understand different patterns and approaches.
+
+The example skills in this repo are open source (Apache 2.0). We've also included the document creation & editing skills that power [Claude's document capabilities](https://www.anthropic.com/news/create-files) under the hood in the [`document-skills/`](./document-skills/) folder. These are source-available, not open source, but we wanted to share these with developers as a reference for more complex skills that are actively used in a production AI application.
+
+**Note:** These are reference examples for inspiration and learning. They showcase general-purpose capabilities rather than organization-specific workflows or sensitive content.
+
+## Disclaimer
+
+**These skills are provided for demonstration and educational purposes only.** While some of these capabilities may be available in Claude, the implementations and behaviors you receive from Claude may differ from what is shown in these examples. These examples are meant to illustrate patterns and possibilities. Always test skills thoroughly in your own environment before relying on them for critical tasks.
+
+# Installation
+
+Some skills require external dependencies (FFmpeg, ImageMagick, Node.js packages, Python packages). Use our automated installation scripts to set up all dependencies:
+
+## Automated Installation (Recommended)
+
+**Linux/macOS:**
+```bash
+cd .cursor/skills
+./install.sh
+```
+
+**Windows (PowerShell as Administrator):**
+```powershell
+cd .cursor\skills
+.\install.ps1
+```
+
+The installation scripts will:
+- Install system tools (FFmpeg, ImageMagick)
+- Install Node.js packages (rmbg-cli, pnpm, wrangler, repomix)
+- Create Python virtual environment
+- Install Python packages (google-genai, pypdf, Pillow, etc.)
+- Install test dependencies
+- Verify all installations
+
+## Manual Installation
+
+For manual installation or troubleshooting, see [INSTALLATION.md](INSTALLATION.md) for detailed instructions.
+
+## What Gets Installed
+
+- **System Tools**: FFmpeg, ImageMagick
+- **Node.js Packages**: rmbg-cli, pnpm, wrangler, repomix
+- **Python Packages**: google-genai, pypdf, python-docx, Pillow, pytest
+
+See [INSTALLATION.md](INSTALLATION.md) for complete dependency list and platform-specific instructions.
+
+# Example Skills
+
+This repository includes a diverse collection of example skills demonstrating different capabilities:
+
+## Creative & Design
+- **algorithmic-art** - Create generative art using p5.js with seeded randomness, flow fields, and particle systems
+- **canvas-design** - Design beautiful visual art in .png and .pdf formats using design philosophies
+- **slack-gif-creator** - Create animated GIFs optimized for Slack's size constraints
+
+## Development & Technical
+- **artifacts-builder** - Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui components
+- **mcp-server** - Guide for creating high-quality MCP servers to integrate external APIs and services
+- **webapp-testing** - Test local web applications using Playwright for UI verification and debugging
+
+## Enterprise & Communication
+- **brand-guidelines** - Apply Anthropic's official brand colors and typography to artifacts
+- **internal-comms** - Write internal communications like status reports, newsletters, and FAQs
+- **theme-factory** - Style artifacts with 10 pre-set professional themes or generate custom themes on-the-fly
+
+## Meta Skills
+- **skill-creator** - Guide for creating effective skills that extend Claude's capabilities
+- **template-skill** - A basic template to use as a starting point for new skills
+
+# Document Skills
+
+The `document-skills/` subdirectory contains skills that Anthropic developed to help Claude create various document file formats. These skills demonstrate advanced patterns for working with complex file formats and binary data:
+
+- **docx** - Create, edit, and analyze Word documents with support for tracked changes, comments, formatting preservation, and text extraction
+- **pdf** - Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms
+- **pptx** - Create, edit, and analyze PowerPoint presentations with support for layouts, templates, charts, and automated slide generation
+- **xlsx** - Create, edit, and analyze Excel spreadsheets with support for formulas, formatting, data analysis, and visualization
+
+**Important Disclaimer:** These document skills are point-in-time snapshots and are not actively maintained or updated. Versions of these skills ship pre-included with Claude. They are primarily intended as reference examples to illustrate how Anthropic approaches developing more complex skills that work with binary file formats and document structures.
+
+# Try in Cursor, Claude.ai, and the API
+
+## Cursor
+You can register this repository as a Cursor Plugin marketplace by running the following command in Cursor:
+```
+/plugin marketplace add anthropics/skills
+```
+
+After installing the plugin, you can use the skill by just mentioning it. For instance, if you install the document-skills plugin from the marketplace, you can ask Cursor to do something like: "use the pdf skill to extract the form fields from path/to/some-file.pdf"
+
+## Claude.ai
+
+These example skills are all already available to paid plans in Claude.ai. 
+
+To use any skill from this repository or upload custom skills, follow the instructions in [Using skills in Claude](https://support.cursor.com/en/articles/12512180-using-skills-in-claude#h_a4222fa77b).
+
+## Claude API
+
+You can use Anthropic's pre-built skills, and upload custom skills, via the Claude API. See the [Skills API Quickstart](https://docs.cursor.com/en/api/skills-guide#creating-a-skill) for more.
+
+# Creating a Basic Skill
+
+Skills are simple to create - just a folder with a `SKILL.md` file containing YAML frontmatter and instructions. You can use the **template-skill** in this repository as a starting point:
+
+```markdown
+---
+name: my-skill-name
+description: A clear description of what this skill does and when to use it
+---
+
+# My Skill Name
+
+[Add your instructions here that Claude will follow when this skill is active]
+
+## Examples
+- Example usage 1
+- Example usage 2
+
+## Guidelines
+- Guideline 1
+- Guideline 2
+```
+
+The frontmatter requires only two fields:
+- `name` - A unique identifier for your skill (lowercase, hyphens for spaces)
+- `description` - A complete description of what the skill does and when to use it
+
+The markdown content below contains the instructions, examples, and guidelines that Claude will follow. For more details, see [How to create custom skills](https://support.cursor.com/en/articles/12512198-creating-custom-skills).
+
+# Partner Skills
+
+Skills are a great way to teach Claude how to get better at using specific pieces of software. As we see awesome example skills from partners, we may highlight some of them here:
+
+- **Notion** - [Notion Skills for Claude](https://www.notion.so/notiondevs/Notion-Skills-for-Claude-28da4445d27180c7af1df7d8615723d0)

package/.cursor/skills/SKILLS_INDEX.md

@@ -0,0 +1,118 @@
+# Skills Index
+
+Hướng dẫn cho AI chọn skills phù hợp theo preset đang dùng.
+
+---
+
+## 🎯 Skills Theo Preset
+
+### 🚀 Rapid MVP
+
+| Skill | Path | Mục đích |
+|-------|------|----------|
+| `frontend-development` | `.cursor/skills/frontend-development/` | React/Next.js cơ bản |
+| `ui-styling` | `.cursor/skills/ui-styling/` | TailwindCSS, shadcn/ui |
+| `databases` | `.cursor/skills/databases/` | SQLite, Prisma cơ bản |
+| `planning` | `.cursor/skills/planning/` | Quick planning |
+| `debugging` | `.cursor/skills/debugging/` | Basic debugging |
+
+**Không cần:** DDD, complex state, microservices
+
+---
+
+### 🏢 Professional
+
+| Skill | Path | Mục đích |
+|-------|------|----------|
+| `frontend-development` | `.cursor/skills/frontend-development/` | React/Next.js |
+| `frontend-design` | `.cursor/skills/frontend-design/` | UI/UX design |
+| `backend-development` | `.cursor/skills/backend-development/` | API, services |
+| `databases` | `.cursor/skills/databases/` | PostgreSQL, Prisma |
+| `better-auth` | `.cursor/skills/better-auth/` | NextAuth.js |
+| `code-review` | `.cursor/skills/code-review/` | Quality checks |
+| `planning` | `.cursor/skills/planning/` | Detailed planning |
+| `sequential-thinking` | `.cursor/skills/sequential-thinking/` | Complex problems |
+
+**Thêm khi cần:** payment-integration, media-processing
+
+---
+
+### 🏛️ Enterprise
+
+| Skill | Path | Mục đích |
+|-------|------|----------|
+| `ddd-modular-monolith` | `.cursor/skills/ddd-modular-monolith/` | DDD patterns |
+| `frontend-development` | `.cursor/skills/frontend-development/` | React/Next.js |
+| `frontend-design-pro` | `.cursor/skills/frontend-design-pro/` | Advanced UI |
+| `ui-ux-pro-max` | `.cursor/skills/ui-ux-pro-max/` | Premium UX |
+| `backend-development` | `.cursor/skills/backend-development/` | Services layer |
+| `databases` | `.cursor/skills/databases/` | PostgreSQL + Redis |
+| `better-auth` | `.cursor/skills/better-auth/` | RBAC, complex auth |
+| `devops` | `.cursor/skills/devops/` | CI/CD, Docker |
+| `code-review` | `.cursor/skills/code-review/` | Strict reviews |
+| `sequential-thinking` | `.cursor/skills/sequential-thinking/` | Complex analysis |
+| `problem-solving` | `.cursor/skills/problem-solving/` | Architecture decisions |
+
+---
+
+## 🔧 Utility Skills (All Presets)
+
+| Skill | Path | Khi dùng |
+|-------|------|----------|
+| `chrome-devtools` | `.cursor/skills/chrome-devtools/` | Browser debugging |
+| `ai-multimodal` | `.cursor/skills/ai-multimodal/` | Image generation |
+| `media-processing` | `.cursor/skills/media-processing/` | Image editing |
+| `docs-seeker` | `.cursor/skills/docs-seeker/` | Search documentation |
+| `research` | `.cursor/skills/research/` | Technology research |
+| `mcp-management` | `.cursor/skills/mcp-management/` | MCP tools |
+
+---
+
+## 📌 Cách AI Chọn Skills
+
+1. **Đọc `.cursorrules`** → Xác định preset (Rapid/Professional/Enterprise)
+2. **Xem bảng trên** → Chọn skills phù hợp
+3. **Activate** → `Use skill: [skill-name]`
+
+---
+
+## 📂 Full Skills List
+
+```
+.cursor/skills/
+├── aesthetic/              # Visual aesthetics
+├── ai-multimodal/          # Image/video generation
+├── backend-development/    # API, server logic
+├── better-auth/            # NextAuth.js
+├── chrome-devtools/        # Browser tools
+├── claude-code/            # Claude coding patterns
+├── code-review/            # Code quality
+├── common/                 # Shared utilities
+├── databases/              # DB patterns
+├── ddd-modular-monolith/   # DDD architecture
+├── debugging/              # Debug techniques
+├── devops/                 # CI/CD, Docker
+├── docs-seeker/            # Doc search
+├── document-skills/        # Doc generation
+├── frontend-design/        # UI design
+├── frontend-design-pro/    # Advanced UI
+├── frontend-development/   # React/Next.js
+├── google-adk-python/      # Google ADK
+├── mcp-builder/            # Build MCP tools
+├── mcp-management/         # Manage MCP
+├── media-processing/       # Image editing
+├── mobile-development/     # Mobile apps
+├── payment-integration/    # Stripe, payments
+├── planning/               # Task planning
+├── problem-solving/        # Complex problems
+├── repomix/                # Repo analysis
+├── research/               # Tech research
+├── sequential-thinking/    # Step-by-step
+├── shopify/                # Shopify dev
+├── skill-creator/          # Create new skills
+├── template-skill/         # Skill template
+├── threejs/                # 3D graphics
+├── ui-styling/             # CSS/Tailwind
+├── ui-ux-pro-max/          # Premium UX
+└── web-frameworks/         # Framework patterns
+```