@agentskillkit/agent-skills 1.0.1 → 3.2.2

package/.agent/skills/app-builder/templates/astro-static/TEMPLATE.md

@@ -1,76 +0,0 @@
----
-name: astro-static
-description: Astro static site template principles. Content-focused websites, blogs, documentation.
----
-
-# Astro Static Site Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Framework | Astro 4.x |
-| Content | MDX + Content Collections |
-| Styling | Tailwind CSS |
-| Integrations | Sitemap, RSS, SEO |
-| Output | Static/SSG |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── src/
-│   ├── components/      # .astro components
-│   ├── content/         # MDX content
-│   │   ├── blog/
-│   │   └── config.ts    # Collection schemas
-│   ├── layouts/         # Page layouts
-│   ├── pages/           # File-based routing
-│   └── styles/
-├── public/              # Static assets
-├── astro.config.mjs
-└── package.json
-```
-
----
-
-## Key Concepts
-
-| Concept | Description |
-|---------|-------------|
-| Content Collections | Type-safe content with Zod schemas |
-| Islands Architecture | Partial hydration for interactivity |
-| Zero JS by default | Static HTML unless needed |
-| MDX Support | Markdown with components |
-
----
-
-## Setup Steps
-
-1. `npm create astro@latest {{name}}`
-2. Add integrations: `npx astro add mdx tailwind sitemap`
-3. Configure `astro.config.mjs`
-4. Create content collections
-5. `npm run dev`
-
----
-
-## Deployment
-
-| Platform | Method |
-|----------|--------|
-| Vercel | Auto-detected |
-| Netlify | Auto-detected |
-| Cloudflare Pages | Auto-detected |
-| GitHub Pages | Build + deploy action |
-
----
-
-## Best Practices
-
-- Use Content Collections for type safety
-- Leverage static generation
-- Add islands only where needed
-- Optimize images with Astro Image

package/.agent/skills/app-builder/templates/chrome-extension/TEMPLATE.md

@@ -1,92 +0,0 @@
----
-name: chrome-extension
-description: Chrome Extension template principles. Manifest V3, React, TypeScript.
----
-
-# Chrome Extension Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Manifest | V3 |
-| UI | React 18 |
-| Language | TypeScript |
-| Styling | Tailwind CSS |
-| Bundler | Vite |
-| Storage | Chrome Storage API |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── src/
-│   ├── popup/           # Extension popup
-│   ├── options/         # Options page
-│   ├── background/      # Service worker
-│   ├── content/         # Content scripts
-│   ├── components/
-│   ├── hooks/
-│   └── lib/
-│       ├── storage.ts   # Chrome storage helpers
-│       └── messaging.ts # Message passing
-├── public/
-│   ├── icons/
-│   └── manifest.json
-└── package.json
-```
-
----
-
-## Manifest V3 Concepts
-
-| Component | Purpose |
-|-----------|---------|
-| Service Worker | Background processing |
-| Content Scripts | Page injection |
-| Popup | User interface |
-| Options Page | Settings |
-
----
-
-## Permissions
-
-| Permission | Use |
-|------------|-----|
-| storage | Save user data |
-| activeTab | Current tab access |
-| scripting | Inject scripts |
-| host_permissions | Site access |
-
----
-
-## Setup Steps
-
-1. `npm create vite {{name}} -- --template react-ts`
-2. Add Chrome types: `npm install -D @types/chrome`
-3. Configure Vite for multi-entry
-4. Create manifest.json
-5. `npm run dev` (watch mode)
-6. Load in Chrome: `chrome://extensions` → Load unpacked
-
----
-
-## Development Tips
-
-| Task | Method |
-|------|--------|
-| Debug Popup | Right-click icon → Inspect |
-| Debug Background | Extensions page → Service worker |
-| Debug Content | DevTools console on page |
-| Hot Reload | `npm run dev` with watch |
-
----
-
-## Best Practices
-
-- Use type-safe messaging
-- Wrap Chrome APIs in promises
-- Minimize permissions
-- Handle offline gracefully

package/.agent/skills/app-builder/templates/cli-tool/TEMPLATE.md

@@ -1,88 +0,0 @@
----
-name: cli-tool
-description: Node.js CLI tool template principles. Commander.js, interactive prompts.
----
-
-# CLI Tool Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Runtime | Node.js 20+ |
-| Language | TypeScript |
-| CLI Framework | Commander.js |
-| Prompts | Inquirer.js |
-| Output | chalk + ora |
-| Config | cosmiconfig |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── src/
-│   ├── index.ts         # Entry point
-│   ├── cli.ts           # CLI setup
-│   ├── commands/        # Command handlers
-│   ├── lib/
-│   │   ├── config.ts    # Config loader
-│   │   └── logger.ts    # Styled output
-│   └── types/
-├── bin/
-│   └── cli.js           # Executable
-└── package.json
-```
-
----
-
-## CLI Design Principles
-
-| Principle | Description |
-|-----------|-------------|
-| Subcommands | Group related actions |
-| Options | Flags with defaults |
-| Interactive | Prompts when needed |
-| Non-interactive | Support --yes flags |
-
----
-
-## Key Components
-
-| Component | Purpose |
-|-----------|---------|
-| Commander | Command parsing |
-| Inquirer | Interactive prompts |
-| Chalk | Colored output |
-| Ora | Spinners/loading |
-| Cosmiconfig | Config file discovery |
-
----
-
-## Setup Steps
-
-1. Create project directory
-2. `npm init -y`
-3. Install deps: `npm install commander @inquirer/prompts chalk ora cosmiconfig`
-4. Configure bin in package.json
-5. `npm link` for local testing
-
----
-
-## Publishing
-
-```bash
-npm login
-npm publish
-```
-
----
-
-## Best Practices
-
-- Provide helpful error messages
-- Support both interactive and non-interactive modes
-- Use consistent output styling
-- Validate inputs with Zod
-- Exit with proper codes (0 success, 1 error)

package/.agent/skills/app-builder/templates/electron-desktop/TEMPLATE.md

@@ -1,88 +0,0 @@
----
-name: electron-desktop
-description: Electron desktop app template principles. Cross-platform, React, TypeScript.
----
-
-# Electron Desktop App Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Framework | Electron 28+ |
-| UI | React 18 |
-| Language | TypeScript |
-| Styling | Tailwind CSS |
-| Bundler | Vite + electron-builder |
-| IPC | Type-safe communication |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── electron/
-│   ├── main.ts          # Main process
-│   ├── preload.ts       # Preload script
-│   └── ipc/             # IPC handlers
-├── src/
-│   ├── App.tsx
-│   ├── components/
-│   │   ├── TitleBar.tsx # Custom title bar
-│   │   └── ...
-│   └── hooks/
-├── public/
-└── package.json
-```
-
----
-
-## Process Model
-
-| Process | Role |
-|---------|------|
-| Main | Node.js, system access |
-| Renderer | Chromium, React UI |
-| Preload | Bridge, context isolation |
-
----
-
-## Key Concepts
-
-| Concept | Purpose |
-|---------|---------|
-| contextBridge | Safe API exposure |
-| ipcMain/ipcRenderer | Process communication |
-| nodeIntegration: false | Security |
-| contextIsolation: true | Security |
-
----
-
-## Setup Steps
-
-1. `npm create vite {{name}} -- --template react-ts`
-2. Install: `npm install -D electron electron-builder vite-plugin-electron`
-3. Create electron/ directory
-4. Configure main process
-5. `npm run electron:dev`
-
----
-
-## Build Targets
-
-| Platform | Output |
-|----------|--------|
-| Windows | NSIS, Portable |
-| macOS | DMG, ZIP |
-| Linux | AppImage, DEB |
-
----
-
-## Best Practices
-
-- Use preload script for main/renderer bridge
-- Type-safe IPC with typed handlers
-- Custom title bar for native feel
-- Handle window state (maximize, minimize)
-- Auto-updates with electron-updater

package/.agent/skills/app-builder/templates/express-api/TEMPLATE.md

@@ -1,83 +0,0 @@
----
-name: express-api
-description: Express.js REST API template principles. TypeScript, Prisma, JWT.
----
-
-# Express.js API Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Runtime | Node.js 20+ |
-| Framework | Express.js |
-| Language | TypeScript |
-| Database | PostgreSQL + Prisma |
-| Validation | Zod |
-| Auth | JWT + bcrypt |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── prisma/
-│   └── schema.prisma
-├── src/
-│   ├── app.ts           # Express setup
-│   ├── config/          # Environment
-│   ├── routes/          # Route handlers
-│   ├── controllers/     # Business logic
-│   ├── services/        # Data access
-│   ├── middleware/
-│   │   ├── auth.ts      # JWT verify
-│   │   ├── error.ts     # Error handler
-│   │   └── validate.ts  # Zod validation
-│   ├── schemas/         # Zod schemas
-│   └── utils/
-└── package.json
-```
-
----
-
-## Middleware Stack
-
-| Order | Middleware |
-|-------|------------|
-| 1 | helmet (security) |
-| 2 | cors |
-| 3 | morgan (logging) |
-| 4 | body parsing |
-| 5 | routes |
-| 6 | error handler |
-
----
-
-## API Response Format
-
-| Type | Structure |
-|------|-----------|
-| Success | `{ success: true, data: {...} }` |
-| Error | `{ error: "message", details: [...] }` |
-
----
-
-## Setup Steps
-
-1. Create project directory
-2. `npm init -y`
-3. Install deps: `npm install express prisma zod bcrypt jsonwebtoken`
-4. Configure Prisma
-5. `npm run db:push`
-6. `npm run dev`
-
----
-
-## Best Practices
-
-- Layer architecture (routes → controllers → services)
-- Validate all inputs with Zod
-- Centralized error handling
-- Environment-based config
-- Use Prisma for type-safe DB access

package/.agent/skills/app-builder/templates/flutter-app/TEMPLATE.md

@@ -1,90 +0,0 @@
----
-name: flutter-app
-description: Flutter mobile app template principles. Riverpod, Go Router, clean architecture.
----
-
-# Flutter App Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Framework | Flutter 3.x |
-| Language | Dart 3.x |
-| State | Riverpod 2.0 |
-| Navigation | Go Router |
-| HTTP | Dio |
-| Storage | Hive |
-
----
-
-## Directory Structure
-
-```
-project_name/
-├── lib/
-│   ├── main.dart
-│   ├── app.dart
-│   ├── core/
-│   │   ├── constants/
-│   │   ├── theme/
-│   │   ├── router/
-│   │   └── utils/
-│   ├── features/
-│   │   ├── auth/
-│   │   │   ├── data/
-│   │   │   ├── domain/
-│   │   │   └── presentation/
-│   │   └── home/
-│   ├── shared/
-│   │   ├── widgets/
-│   │   └── providers/
-│   └── services/
-│       ├── api/
-│       └── storage/
-├── test/
-└── pubspec.yaml
-```
-
----
-
-## Architecture Layers
-
-| Layer | Contents |
-|-------|----------|
-| Presentation | Screens, Widgets, Providers |
-| Domain | Entities, Use Cases |
-| Data | Repositories, Models |
-
----
-
-## Key Packages
-
-| Package | Purpose |
-|---------|---------|
-| flutter_riverpod | State management |
-| riverpod_annotation | Code generation |
-| go_router | Navigation |
-| dio | HTTP client |
-| freezed | Immutable models |
-| hive | Local storage |
-
----
-
-## Setup Steps
-
-1. `flutter create {{name}} --org com.{{bundle}}`
-2. Update `pubspec.yaml`
-3. `flutter pub get`
-4. Run code generation: `dart run build_runner build`
-5. `flutter run`
-
----
-
-## Best Practices
-
-- Feature-first folder structure
-- Riverpod for state, React Query pattern for server state
-- Freezed for immutable data classes
-- Go Router for declarative navigation
-- Material 3 theming

package/.agent/skills/app-builder/templates/monorepo-turborepo/TEMPLATE.md

@@ -1,90 +0,0 @@
----
-name: monorepo-turborepo
-description: Turborepo monorepo template principles. pnpm workspaces, shared packages.
----
-
-# Turborepo Monorepo Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Build System | Turborepo |
-| Package Manager | pnpm |
-| Apps | Next.js, Express |
-| Packages | Shared UI, Config, Types |
-| Language | TypeScript |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── apps/
-│   ├── web/             # Next.js app
-│   ├── api/             # Express API
-│   └── docs/            # Documentation
-├── packages/
-│   ├── ui/              # Shared components
-│   ├── config/          # ESLint, TS, Tailwind
-│   ├── types/           # Shared types
-│   └── utils/           # Shared utilities
-├── turbo.json
-├── pnpm-workspace.yaml
-└── package.json
-```
-
----
-
-## Key Concepts
-
-| Concept | Description |
-|---------|-------------|
-| Workspaces | pnpm-workspace.yaml |
-| Pipeline | turbo.json task graph |
-| Caching | Remote/local task caching |
-| Dependencies | `workspace:*` protocol |
-
----
-
-## Turbo Pipeline
-
-| Task | Depends On |
-|------|------------|
-| build | ^build (dependencies first) |
-| dev | cache: false, persistent |
-| lint | ^build |
-| test | ^build |
-
----
-
-## Setup Steps
-
-1. Create root directory
-2. `pnpm init`
-3. Create pnpm-workspace.yaml
-4. Create turbo.json
-5. Add apps and packages
-6. `pnpm install`
-7. `pnpm dev`
-
----
-
-## Common Commands
-
-| Command | Description |
-|---------|-------------|
-| `pnpm dev` | Run all apps |
-| `pnpm build` | Build all |
-| `pnpm --filter @name/web dev` | Run specific app |
-| `pnpm --filter @name/web add axios` | Add dep to app |
-
----
-
-## Best Practices
-
-- Shared configs in packages/config
-- Shared types in packages/types
-- Internal packages with `workspace:*`
-- Use Turbo remote caching for CI

package/.agent/skills/app-builder/templates/nextjs-fullstack/TEMPLATE.md

@@ -1,82 +0,0 @@
----
-name: nextjs-fullstack
-description: Next.js full-stack template principles. App Router, Prisma, Tailwind.
----
-
-# Next.js Full-Stack Template
-
-## Tech Stack
-
-| Component | Technology |
-|-----------|------------|
-| Framework | Next.js 14 (App Router) |
-| Language | TypeScript |
-| Database | PostgreSQL + Prisma |
-| Styling | Tailwind CSS |
-| Auth | Clerk (optional) |
-| Validation | Zod |
-
----
-
-## Directory Structure
-
-```
-project-name/
-├── prisma/
-│   └── schema.prisma
-├── src/
-│   ├── app/
-│   │   ├── layout.tsx
-│   │   ├── page.tsx
-│   │   ├── globals.css
-│   │   └── api/
-│   ├── components/
-│   │   └── ui/
-│   ├── lib/
-│   │   ├── db.ts        # Prisma client
-│   │   └── utils.ts
-│   └── types/
-├── .env.example
-└── package.json
-```
-
----
-
-## Key Concepts
-
-| Concept | Description |
-|---------|-------------|
-| Server Components | Default, fetch data |
-| Server Actions | Form mutations |
-| Route Handlers | API endpoints |
-| Prisma | Type-safe ORM |
-
----
-
-## Environment Variables
-
-| Variable | Purpose |
-|----------|---------|
-| DATABASE_URL | Prisma connection |
-| NEXT_PUBLIC_APP_URL | Public URL |
-
----
-
-## Setup Steps
-
-1. `npx create-next-app {{name}} --typescript --tailwind --app`
-2. `npm install prisma @prisma/client zod`
-3. `npx prisma init`
-4. Configure schema
-5. `npm run db:push`
-6. `npm run dev`
-
----
-
-## Best Practices
-
-- Server Components by default
-- Server Actions for mutations
-- Prisma for type-safe DB
-- Zod for validation
-- Edge runtime where possible