@musashishao/agent-kit 1.2.2

package/.agent/skills/webapp-testing/scripts/playwright_runner.py

@@ -0,0 +1,173 @@
+#!/usr/bin/env python3
+"""
+Skill: webapp-testing
+Script: playwright_runner.py
+Purpose: Run basic Playwright browser tests
+Usage: python playwright_runner.py <url> [--screenshot]
+Output: JSON with page info, health status, and optional screenshot path
+Note: Requires playwright (pip install playwright && playwright install chromium)
+Screenshots: Saved to system temp directory (auto-cleaned by OS)
+"""
+import sys
+import json
+import os
+import tempfile
+from datetime import datetime
+
+# Fix Windows console encoding for Unicode output
+try:
+    sys.stdout.reconfigure(encoding='utf-8', errors='replace')
+    sys.stderr.reconfigure(encoding='utf-8', errors='replace')
+except AttributeError:
+    pass  # Python < 3.7
+
+try:
+    from playwright.sync_api import sync_playwright
+    PLAYWRIGHT_AVAILABLE = True
+except ImportError:
+    PLAYWRIGHT_AVAILABLE = False
+
+
+def run_basic_test(url: str, take_screenshot: bool = False) -> dict:
+    """Run basic browser test on URL."""
+    if not PLAYWRIGHT_AVAILABLE:
+        return {
+            "error": "Playwright not installed",
+            "fix": "pip install playwright && playwright install chromium"
+        }
+    
+    result = {
+        "url": url,
+        "timestamp": datetime.now().isoformat(),
+        "status": "pending"
+    }
+    
+    try:
+        with sync_playwright() as p:
+            browser = p.chromium.launch(headless=True)
+            context = browser.new_context(
+                viewport={"width": 1280, "height": 720},
+                user_agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36"
+            )
+            page = context.new_page()
+            
+            # Navigate
+            response = page.goto(url, wait_until="networkidle", timeout=30000)
+            
+            # Basic info
+            result["page"] = {
+                "title": page.title(),
+                "url": page.url,
+                "status_code": response.status if response else None
+            }
+            
+            # Health checks
+            result["health"] = {
+                "loaded": response.ok if response else False,
+                "has_title": bool(page.title()),
+                "has_h1": page.locator("h1").count() > 0,
+                "has_links": page.locator("a").count() > 0,
+                "has_images": page.locator("img").count() > 0
+            }
+            
+            # Console errors
+            console_errors = []
+            page.on("console", lambda msg: console_errors.append(msg.text) if msg.type == "error" else None)
+            
+            # Performance metrics
+            result["performance"] = {
+                "dom_content_loaded": page.evaluate("window.performance.timing.domContentLoadedEventEnd - window.performance.timing.navigationStart"),
+                "load_complete": page.evaluate("window.performance.timing.loadEventEnd - window.performance.timing.navigationStart")
+            }
+            
+            # Screenshot - uses system temp directory (cross-platform, auto-cleaned)
+            if take_screenshot:
+                # Cross-platform: Windows=%TEMP%, Linux/macOS=/tmp
+                screenshot_dir = os.path.join(tempfile.gettempdir(), "maestro_screenshots")
+                os.makedirs(screenshot_dir, exist_ok=True)
+                screenshot_path = os.path.join(screenshot_dir, f"screenshot_{datetime.now().strftime('%Y%m%d_%H%M%S')}.png")
+                page.screenshot(path=screenshot_path, full_page=True)
+                result["screenshot"] = screenshot_path
+                result["screenshot_note"] = "Saved to temp directory (auto-cleaned by OS)"
+            
+            # Element counts
+            result["elements"] = {
+                "links": page.locator("a").count(),
+                "buttons": page.locator("button").count(),
+                "inputs": page.locator("input").count(),
+                "images": page.locator("img").count(),
+                "forms": page.locator("form").count()
+            }
+            
+            browser.close()
+            
+            result["status"] = "success" if result["health"]["loaded"] else "failed"
+            result["summary"] = "[OK] Page loaded successfully" if result["status"] == "success" else "[X] Page failed to load"
+            
+    except Exception as e:
+        result["status"] = "error"
+        result["error"] = str(e)
+        result["summary"] = f"[X] Error: {str(e)[:100]}"
+    
+    return result
+
+
+def run_accessibility_check(url: str) -> dict:
+    """Run basic accessibility check."""
+    if not PLAYWRIGHT_AVAILABLE:
+        return {"error": "Playwright not installed"}
+    
+    result = {"url": url, "accessibility": {}}
+    
+    try:
+        with sync_playwright() as p:
+            browser = p.chromium.launch(headless=True)
+            page = browser.new_page()
+            page.goto(url, wait_until="networkidle", timeout=30000)
+            
+            # Basic a11y checks
+            result["accessibility"] = {
+                "images_with_alt": page.locator("img[alt]").count(),
+                "images_without_alt": page.locator("img:not([alt])").count(),
+                "buttons_with_label": page.locator("button[aria-label], button:has-text('')").count(),
+                "links_with_text": page.locator("a:has-text('')").count(),
+                "form_labels": page.locator("label").count(),
+                "headings": {
+                    "h1": page.locator("h1").count(),
+                    "h2": page.locator("h2").count(),
+                    "h3": page.locator("h3").count()
+                }
+            }
+            
+            browser.close()
+            result["status"] = "success"
+            
+    except Exception as e:
+        result["status"] = "error"
+        result["error"] = str(e)
+    
+    return result
+
+
+if __name__ == "__main__":
+    if len(sys.argv) < 2:
+        print(json.dumps({
+            "error": "Usage: python playwright_runner.py <url> [--screenshot] [--a11y]",
+            "examples": [
+                "python playwright_runner.py https://example.com",
+                "python playwright_runner.py https://example.com --screenshot",
+                "python playwright_runner.py https://example.com --a11y"
+            ]
+        }, indent=2))
+        sys.exit(1)
+    
+    url = sys.argv[1]
+    take_screenshot = "--screenshot" in sys.argv
+    check_a11y = "--a11y" in sys.argv
+    
+    if check_a11y:
+        result = run_accessibility_check(url)
+    else:
+        result = run_basic_test(url, take_screenshot)
+    
+    print(json.dumps(result, indent=2))

package/.agent/templates/AGENTS.backend.md

@@ -0,0 +1,230 @@
+# AGENTS.md - Backend API
+
+> **[PROJECT_NAME]** - Production-ready backend API.
+
+---
+
+## 🚀 Project Overview
+
+[Brief description of your backend API]
+
+### Tech Stack
+
+| Layer | Technology | Version |
+|-------|------------|---------|
+| **Runtime** | Node.js | 20.x LTS |
+| **Framework** | Express / Fastify / NestJS | - |
+| **Language** | TypeScript | 5.x |
+| **Database** | PostgreSQL + Prisma | - |
+| **Cache** | Redis | 7.x |
+| **Auth** | JWT + bcrypt | - |
+| **Docs** | Swagger / OpenAPI | 3.1 |
+
+---
+
+## 🛠️ Setup Commands
+
+```bash
+# Install dependencies
+npm install
+
+# Setup database
+npx prisma generate
+npx prisma migrate dev
+
+# Seed database
+npm run db:seed
+
+# Start development server
+npm run dev
+
+# Build for production
+npm run build
+
+# Start production server
+npm start
+
+# Run tests
+npm test
+
+# Lint code
+npm run lint
+```
+
+---
+
+## 📏 Code Style & Standards
+
+### TypeScript
+- Strict mode enabled
+- Proper typing for all functions
+- DTOs for request/response validation
+
+### API Patterns
+- RESTful conventions
+- Consistent error handling
+- Request validation with Zod/Joi
+- Response serialization
+
+### File Naming
+- Controllers: `resource.controller.ts`
+- Services: `resource.service.ts`
+- Routes: `resource.routes.ts`
+
+---
+
+## 📁 Project Structure
+
+```
+src/
+├── controllers/            # Request handlers
+├── services/              # Business logic
+├── routes/                # API routes
+├── middleware/
+│   ├── auth.ts           # Authentication
+│   ├── validation.ts     # Request validation
+│   └── error-handler.ts  # Error handling
+├── models/                # Database models
+├── types/                 # TypeScript types
+├── utils/                 # Utility functions
+├── config/                # Configuration
+└── index.ts               # Entry point
+```
+
+---
+
+## 🔌 API Endpoints
+
+```
+GET    /api/v1/resources          # List resources
+POST   /api/v1/resources          # Create resource
+GET    /api/v1/resources/:id      # Get single resource
+PUT    /api/v1/resources/:id      # Update resource
+DELETE /api/v1/resources/:id      # Delete resource
+```
+
+API Documentation: `http://localhost:3000/api/docs`
+
+---
+
+## 🔒 Security Guidelines
+
+### Environment Variables
+```bash
+# Required (never commit these)
+DATABASE_URL=
+JWT_SECRET=
+REDIS_URL=
+```
+
+### Best Practices
+- Input validation on all endpoints
+- Rate limiting on sensitive routes
+- CORS configuration
+- Helmet for security headers
+- SQL injection prevention (use Prisma/ORM)
+- Password hashing with bcrypt
+- JWT token expiration
+
+### Authentication Flow
+```
+POST /api/v1/auth/register
+POST /api/v1/auth/login
+POST /api/v1/auth/refresh
+POST /api/v1/auth/logout
+```
+
+---
+
+## 🧪 Testing
+
+```bash
+# Unit tests
+npm test
+
+# Integration tests
+npm run test:integration
+
+# Coverage report
+npm run test:coverage
+```
+
+### Test Structure
+```
+__tests__/
+├── unit/
+│   ├── services/
+│   └── utils/
+├── integration/
+│   └── api/
+└── fixtures/
+```
+
+---
+
+## 📊 Database
+
+### Prisma Commands
+```bash
+# Generate client
+npx prisma generate
+
+# Create migration
+npx prisma migrate dev --name migration_name
+
+# Reset database
+npx prisma migrate reset
+
+# Open Prisma Studio
+npx prisma studio
+```
+
+---
+
+## 🚀 Deployment
+
+```bash
+# Build
+npm run build
+
+# Start production
+NODE_ENV=production npm start
+
+# With PM2
+pm2 start ecosystem.config.js
+
+# Docker
+docker-compose up -d
+```
+
+---
+
+## 🤖 AI Agent Configuration
+
+### Quick Commands
+
+| Command | Description |
+|---------|-------------|
+| `/create user CRUD` | Create CRUD endpoints |
+| `/debug 500 error` | Debug server errors |
+| `/test UserService` | Generate tests |
+| `/plan microservice` | Plan architecture |
+
+### Agent Mentions
+
+- `@backend-specialist` - API development
+- `@database-architect` - Schema design
+- `@security-auditor` - Security review
+- `@devops-engineer` - Deployment
+
+---
+
+## 📚 Additional Resources
+
+- [Express.js](https://expressjs.com)
+- [Prisma Documentation](https://www.prisma.io/docs)
+- [JWT Best Practices](https://jwt.io/introduction)
+
+---
+
+*Built with Agent Kit - AI-enhanced backend development*

package/.agent/templates/AGENTS.md

@@ -0,0 +1,121 @@
+# AGENTS.md
+
+> **Project using Agent Kit** - AI-enhanced development configuration.
+
+---
+
+## 🚀 Project Overview
+
+<!-- Replace with your project description -->
+[PROJECT_NAME] - [Brief description of what this project does]
+
+### Tech Stack
+<!-- Update based on your project -->
+| Layer | Technology |
+|-------|------------|
+| **Frontend** | Next.js / React |
+| **Backend** | Node.js / Express |
+| **Database** | PostgreSQL / MongoDB |
+| **Styling** | Tailwind CSS |
+
+---
+
+## 🛠️ Setup Commands
+
+```bash
+# Install dependencies
+npm install
+
+# Start development server
+npm run dev
+
+# Run tests
+npm test
+
+# Build for production
+npm run build
+
+# Lint code
+npm run lint
+```
+
+---
+
+## 📏 Code Style
+
+- **TypeScript** strict mode enabled
+- **Functional components** with hooks
+- **Tailwind CSS** for styling
+- **Absolute imports** with `@/` alias
+- External links: always add `rel="noopener noreferrer"`
+
+---
+
+## 📁 Project Structure
+
+```
+src/
+├── app/              # Next.js App Router
+├── components/       # React components
+├── lib/              # Utilities
+├── hooks/            # Custom hooks
+└── types/            # TypeScript types
+```
+
+---
+
+## 🧪 Testing
+
+```bash
+# Unit tests
+npm test
+
+# E2E tests  
+npm run test:e2e
+
+# Coverage report
+npm run test:coverage
+```
+
+---
+
+## 🔒 Security
+
+- No hardcoded API keys or secrets
+- Environment variables for configuration
+- Follow OWASP security guidelines
+- Input validation on all forms
+
+---
+
+## 🤖 AI Agent Configuration
+
+This project uses [Agent Kit](https://github.com/musashishao/agent-kit) for AI-enhanced development.
+
+### Available Slash Commands
+| Command | Purpose |
+|---------|---------|
+| `/create` | Create new features |
+| `/debug` | Debug issues |
+| `/test` | Generate tests |
+| `/deploy` | Deploy to production |
+| `/ui-ux-pro-max` | Design premium UI |
+
+### Available Agents
+Mention agents with `@agent-name`:
+- `@frontend-specialist` - UI development
+- `@backend-specialist` - API/server
+- `@debugger` - Bug fixing
+- `@security-auditor` - Security review
+
+---
+
+## 📚 Documentation
+
+- README.md - Getting started
+- docs/ - Detailed documentation
+- .agent/ - AI agent configuration
+
+---
+
+*Powered by Agent Kit*

package/.agent/templates/AGENTS.mobile.md

@@ -0,0 +1,183 @@
+# AGENTS.md - Mobile Application
+
+> **[PROJECT_NAME]** - Cross-platform mobile application.
+
+---
+
+## 🚀 Project Overview
+
+[Brief description of your mobile application]
+
+### Tech Stack
+
+| Layer | Technology | Version |
+|-------|------------|---------|
+| **Framework** | React Native | 0.76.x |
+| **Navigation** | React Navigation | 7.x |
+| **State** | Zustand / TanStack Query | - |
+| **Styling** | NativeWind (Tailwind) | 4.x |
+| **Build** | Expo | 52.x |
+| **Backend** | Firebase / Supabase | - |
+
+---
+
+## 🛠️ Setup Commands
+
+```bash
+# Install dependencies
+npm install
+
+# Start Expo development server
+npm start
+
+# Run on iOS simulator
+npm run ios
+
+# Run on Android emulator
+npm run android
+
+# Run tests
+npm test
+
+# Lint code
+npm run lint
+```
+
+---
+
+## 📏 Code Style & Standards
+
+### TypeScript
+- Strict mode enabled
+- Proper typing for all props
+- No `any` types
+
+### React Native Patterns
+- Functional components with hooks
+- Memoization for performance
+- Platform-specific files when needed (`.ios.tsx`, `.android.tsx`)
+
+### File Naming
+- Screens: `ScreenName.tsx` → `HomeScreen.tsx`
+- Components: `ComponentName.tsx` → `Button.tsx`
+- Hooks: `useHookName.ts` → `useAuth.ts`
+
+---
+
+## 📁 Project Structure
+
+```
+src/
+├── app/                    # Expo Router screens
+│   ├── (tabs)/            # Tab navigation
+│   ├── (auth)/            # Auth screens
+│   └── _layout.tsx        # Root layout
+│
+├── components/
+│   ├── ui/                # Reusable UI components
+│   ├── forms/             # Form components
+│   └── layout/            # Layout components
+│
+├── lib/
+│   ├── api.ts             # API client
+│   └── utils.ts           # Utility functions
+│
+├── hooks/                  # Custom hooks
+├── stores/                 # Zustand stores
+├── types/                  # TypeScript types
+└── constants/             # App constants
+```
+
+---
+
+## 🔒 Security Guidelines
+
+### Environment Variables
+```bash
+# Use expo-constants or react-native-dotenv
+EXPO_PUBLIC_API_URL=
+EXPO_PUBLIC_FIREBASE_API_KEY=
+```
+
+### Best Practices
+- Never store sensitive data in AsyncStorage unencrypted
+- Use Keychain (iOS) / Keystore (Android) for tokens
+- Validate all API responses
+- Implement certificate pinning for production
+
+---
+
+## 🧪 Testing
+
+```bash
+# Unit tests with Jest
+npm test
+
+# E2E tests with Detox
+npm run test:e2e
+
+# Coverage report
+npm run test:coverage
+```
+
+---
+
+## 📱 Platform Specifics
+
+### iOS
+- Minimum iOS version: 15.1
+- Required permissions in `app.json`
+- Submit via App Store Connect
+
+### Android
+- Minimum SDK: 24 (Android 7.0)
+- Required permissions in `app.json`
+- Submit via Google Play Console
+
+---
+
+## 🚀 Deployment
+
+```bash
+# Build for iOS
+eas build --platform ios
+
+# Build for Android
+eas build --platform android
+
+# Submit to stores
+eas submit
+```
+
+---
+
+## 🤖 AI Agent Configuration
+
+### Quick Commands
+
+| Command | Description |
+|---------|-------------|
+| `/create login screen` | Create auth screens |
+| `/debug navigation crash` | Debug navigation issues |
+| `/test ProfileScreen` | Generate tests |
+| `/ui-ux-pro-max bottom sheet` | Design mobile UI |
+
+### Agent Mentions
+
+- `@mobile-developer` - React Native / Flutter
+- `@frontend-specialist` - Component design
+- `@backend-specialist` - API integration
+- `@test-engineer` - Test generation
+
+---
+
+## 📚 Additional Resources
+
+- [React Native Documentation](https://reactnative.dev)
+- [Expo Documentation](https://docs.expo.dev)
+- [React Navigation](https://reactnavigation.org)
+- [NativeWind](https://www.nativewind.dev)
+
+---
+
+*Built with Agent Kit - AI-enhanced mobile development*