🤖 Ultimate Custom Engineered TRAE Agents

Uncapped AI Agents Collection for Vibe Coders

🚀 Quick Start • 🎯 Agents • 💡 SOLO + GLM • 🛠️ IDEs • ☁️ Cloud VM • 🌟 MCPs • 💡 Hacks • 🕹️ Games

--- ## 🚀 Quick Start | Action | Link | | :--- | :---: | | 🎟️ **Get 10% Discount on GLM Models** | [**Subscribe Now**](https://z.ai/subscribe?ic=R0K78RJKNW) | | 📄 **GLM-4.6 Integration Guide (PDF)** | [**Download PDF**](./Adding_GLM_4.6_Model_to_TRAE__A_Visual_Guide__3_.pdf) | | 🌐 **Explore TRAE Plans** | [**Start for Free**](https://www.trae.ai/s/WJtxyE) | --- ## 🎯 Latest Hackathon Participation > **OffLogic** Game is the ultimate reflex challenge for developers and UI designers. > An interactive experience that tests your coding speed, precision, and aesthetic preference. 📂 [**Source Code of OffLogic**](./vibecoding-games/OFFLOGIC_98_v3._classic_version.html) --- ## 🤖 Available Agents ### OPUS Series

Claude Opus 4.5 Wrap
_{Development patterns of Claude Opus 4.5 (Variation 1)}
Install Agent

OPUS FRAMEWORK 4.5
_{Development patterns of Claude Opus 4.5 (Variation 2)}
Install Agent

OPUS QA ENGINEER
_{Enhanced QA process based on Opus model}
Install Agent

### Specialized Agents

KIRO TRAE ULTRA X
_{Amazon Kiro agent concepts}
Install Agent

Apex Omni
_{Overclock for lower-end models}
Install Agent

PWA Generator
_{Transform web apps into PWAs}
Install Agent

Loop Breaker
_{Break infinite reasoning loops}
Install Agent

### Defense Series

Amnesia Defense
_{Minimize AI "forgetting" to complete tasks}
Install Agent

ANTI-AMNESIA v2
_{Improved version to combat AI amnesia}
Install Agent

--- ## 💡 Boost Efficiency with SOLO & GLM 4.6

Unlock the full potential of your development workflow by combining **TRAE's SOLO Agent** with the **GLM 4.6 model**. | Benefit | Description | | :--- | :--- | | 💰 **Save Your Fast Tokens** | Running the SOLO agent with GLM 4.6 **does not consume your TRAE paid fast tokens**. | | 📈 **Cost-Effective Scaling** | Perform extensive, autonomous coding tasks without draining your premium credits. | | ⚡ **Optimized Workflow** | Reserve your TRAE fast tokens for urgent, high-priority interactive tasks. |

--- ## 🛠️ GLM 4.6 Alternative IDE Options The GLM 4.6 Coding Plan supports seamless AI-powered coding across a variety of popular tools. ### Supported Clients & IDEs | IDE | Link | | :--- | :--- | | Claude Code | [Documentation](https://docs.anthropic.com/en/docs/agents-and-tools/claude-code/overview) | | Cline | [GitHub](https://github.com/cline/cline) | | OpenCode | [GitHub](https://github.com/opencode-ai/opencode) | | Roo Code | [GitHub](https://github.com/RooVetGit/Roo-Code) | | Kilo Code | [Website](https://kilo.ai) | | Crush | [GitHub](https://github.com/charmbracelet/crush) | | Goose | [GitHub](https://github.com/block/goose) | ### ⚙️ Setup Instructions 1. **Subscribe:** Get an active subscription to the [GLM 4.6 Coding Plan](https://z.ai/subscribe?ic=R0K78RJKNW). 2. **Automatic Availability:** In most supported tools, GLM-4.6 becomes available automatically upon subscription. 3. **Claude Code Configuration:** GLM-4.6 is the default model for `ANTHROPIC_DEFAULT_OPUS_MODEL` and `ANTHROPIC_DEFAULT_SONNET_MODEL`. 📚 For detailed documentation, visit the [Z.AI Developer Docs](https://docs.z.ai/devpack/overview). --- ## ☁️ Virtual Machine for AI Coding FREE - Anywhere

--- ## 🌟 Awesome MCPs

### Vision MCP Server **Visual Intelligence for Your IDE** The **Vision MCP Server** brings GLM-4.5V's advanced visual capabilities directly into MCP-compatible clients like Claude Code and Cline. | Feature | Description | | :--- | :--- | | 🖼️ **Image Analysis** | Analyze and interpret various image formats. | | 🎬 **Video Understanding** | Gain insights from local and remote videos. | | 🔌 **Seamless Integration** | Easy setup with MCP-compatible tools. | [**Learn more & Install**](https://docs.z.ai/devpack/mcp/vision-mcp-server) --- ## 💡 Developer Hacks

### Quick Links | Hack | Description | | :--- | :--- | | [📱 PWA Recipe](#-pwa-recipe) | Make your app installable on Android | | [🤖 AI Push Prompt](#-ai-push-prompt) | Automate PWA integration with AI | | [🚀 Deploy to Vercel](#-deploy-to-vercel--go-live-instantly) | Get a live URL in seconds | | [🧠 Claude Code + GLM](#-claude-code-with-glm-46-power) | Use Claude Code with affordable GLM models | ---

📱 PWA Recipe

#### Make your app installable on Android (Complete PWA Recipe) To enable the "Install App" feature, you need to configure Vite for PWA and create a custom install button component. **0. Install Dependencies** ```bash npm install -D vite-plugin-pwa ``` **1. Configure `vite.config.ts`** ```typescript import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' import { VitePWA } from 'vite-plugin-pwa' export default defineConfig({ plugins: [ react(), VitePWA({ registerType: 'autoUpdate', includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'masked-icon.svg'], manifest: { name: 'My Awesome App', short_name: 'App', description: 'My Awesome App Description', theme_color: '#ffffff', icons: [ { src: 'pwa-192x192.png', sizes: '192x192', type: 'image/png' }, { src: 'pwa-512x512.png', sizes: '512x512', type: 'image/png' } ] } }) ] }) ``` **2. Create `src/components/InstallPWA.tsx`** ```typescript import { useEffect, useState } from 'react'; interface BeforeInstallPromptEvent extends Event { prompt: () => Promise; userChoice: Promise<{ outcome: 'accepted' | 'dismissed' }>; } export const InstallPWA = () => { const [deferredPrompt, setDeferredPrompt] = useState(null); const [isIOS, setIsIOS] = useState(false); const [isStandalone, setIsStandalone] = useState(false); useEffect(() => { if (window.matchMedia('(display-mode: standalone)').matches) { setIsStandalone(true); } const userAgent = window.navigator.userAgent.toLowerCase(); setIsIOS(/iphone|ipad|ipod/.test(userAgent)); const handler = (e: Event) => { e.preventDefault(); setDeferredPrompt(e as BeforeInstallPromptEvent); }; window.addEventListener('beforeinstallprompt', handler); return () => window.removeEventListener('beforeinstallprompt', handler); }, []); const handleInstallClick = async () => { if (!deferredPrompt) return; await deferredPrompt.prompt(); const { outcome } = await deferredPrompt.userChoice; if (outcome === 'accepted') { setDeferredPrompt(null); } }; if (isStandalone) return null; return (

{deferredPrompt && ( )} {isIOS && (

To install: Tap Share then Add to Home Screen ➕

)}

); }; ``` **3. Mount the Component** Add `` to your main layout or `App.tsx`. **4. Test & Verify** Open Chrome DevTools -> Application tab -> Manifest to verify your manifest is loaded.

---

🤖 AI Push Prompt

*Copy and paste this entire block into your AI Agent (TRAE, Claude Code, etc.) to automate PWA integration:* ```text # Role: PWA Transformation Architect You are an expert software engineer specializing in transforming standard React/Vite web applications into high-quality Progressive Web Apps (PWAs). Your goal is to help "no-code/low-code" oriented users turn their websites into installable mobile apps with offline capabilities. You prioritize **safety**, **simplicity**, and **seamless UI integration**. # Operational Protocol ## Phase 1: Context & Safety (MANDATORY START) Before writing any PWA code, you must perform the following checks: 1. **Project Analysis**: Scan `package.json` to confirm it is a Vite/React project. 2. **Asset Verification**: Check `public/` folder for icons. 3. **The Safety Gate**: Create a local backup with `git add . && git commit -m "Pre-PWA Backup"`. ## Phase 2: Strategic Placement Analyze the user's existing UI and suggest the most logical place for the "Install App" button. ## Phase 3: Implementation Provide the full code blocks with brief explanations. ## Phase 4: Verification & Education Instruct the user to run `npm install` and test via Chrome DevTools -> Application -> Manifest. ```

--- ### 🚀 Deploy to Vercel & Go Live Instantly Vercel Deployment

Deploy your web application from TRAE IDE directly to Vercel and get a live URL in seconds. | Step | Action | | :---: | :--- | | 1 | **Click "Deploy"** in the AI Chat panel or Browser tool. | | 2 | **Authorize Vercel:** Click "Start Authorization" → Select "All Projects" → Click "Install". | | 3 | **Go Live:** Click "Redeploy" to get your live, shareable link! | --- ### 🧠 Claude Code with GLM 4.6 Power Claude Code + GLM 4.6

> *"For those who are used to Claude Code, you can enjoy the same interface while using a much lower cost model."* **Step 1: Install Claude Code** ```bash npm install -g @anthropic-ai/claude-code ``` **Step 2: Configure GLM Coding Plan** ```bash curl -O "https://cdn.bigmodel.cn/install/claude_code_zai_env.sh" && bash ./claude_code_zai_env.sh ```

Manual Configuration (Optional)

Update `~/.claude/settings.json`: ```json { "env": { "ANTHROPIC_AUTH_TOKEN": "your_zai_api_key", "ANTHROPIC_BASE_URL": "https://api.z.ai/api/anthropic", "API_TIMEOUT_MS": "3000000" } } ```

**Step 3: Run** ```bash cd your-project claude ``` --- ### 🛡️ Security & Privacy | Rule | Description | | :--- | :--- | | 🚫 **Never Commit Secrets** | Do not commit `.env` files or API keys to public repositories. | | 🔐 **Use Environment Variables** | Store sensitive keys in `.env` files and add them to `.gitignore`. | | 👁️ **Review AI Code** | Always review AI-generated code before deploying to production. | --- ## 🕹️ Vibe Games

Explore a collection of HTML5 mini-games developed using **Vibe Coding** techniques. [**Browse Games Collection**](https://github.com/roman-ryzenadvanced/Custom-Engineered-Agents-and-Tools-for-Vibe-Coders/tree/main/vibecoding-games) --- ## 📚 Quick Links | Resource | Link | | :--- | :---: | | 🎟️ 10% Discount for Z.AI GLM Models | [Subscribe](https://z.ai/subscribe?ic=R0K78RJKNW) | | 📄 TRAE.AI Integration Guide | [Download PDF](https://github.com/roman-ryzenadvanced/Custom-Engineered-Agents-and-Tools-for-Vibe-Coders/blob/main/Adding_GLM_4.6_Model_to_TRAE__A_Visual_Guide__3_.pdf) | | 🌐 TRAE.AI and SOLO Agent | [Official Page](https://www.trae.ai/s/WJtxyE) | ---

_{Made with ❤️ by RyzenAdvanced}