Gstack Workflow Assistant

作者 reason-machines2384a003145a無授權條款83 個星標收錄於 2026年10月8日更新於 2026年10月8日儲存庫3 個月前更新

Team of specialist AI workflows for Claude Code with CEO review, engineering planning, code review, shipping, QA testing, and browser automation

AI 產生的概覽

為 Claude Code 提供八種專業工作流程,涵蓋產品規劃、程式碼審查、發布、QA 測試與瀏覽器自動化。

功能
此技能提供一組立場明確的斜線命令工作流程,讓 Claude Code 扮演不同專業角色:CEO 產品審查、工程架構規劃、偏執式程式碼審查、一鍵發布分支、系統化 QA 測試、瀏覽器自動化、瀏覽器 Cookie 工作階段匯入,以及工程回顧。它會產出規劃文件、架構與測試矩陣、審查發現、拉取請求、瀏覽器截圖與 QA 涵蓋報告,以及儲存到 .context/retros/ 目錄的回顧紀錄。文件中亦包含安裝、設定、CI 整合與疑難排解說明。
適用情境
當團隊希望在軟體功能生命週期中採用結構化、依角色區分的工作流程時使用,涵蓋從產品驗證、架構規劃到程式碼審查、QA 測試與發布。它適合使用 Claude Code,並希望擁有可重複的規劃、審查、發布與瀏覽器測試命令的專案。也適用於依據 git 歷史進行工程回顧。
執行需求
需要 Claude Code、Git、Bun v1.0+,瀏覽器自動化需要 macOS 或 Linux(x64/arm64)。安裝過程會複製儲存庫並執行 setup 指令碼;瀏覽器自動化在 .gstack/ 下使用隔離的瀏覽器資料,並可從 Chrome、Arc、Brave 或 Edge 匯入 Cookie。除文件所述的 setup 與 browse 執行檔外,此技能本身不附帶指令碼。

gstack Workflow Assistant

Skill by ara.so — Daily 2026 Skills collection

Transform Claude Code from a generic assistant into a team of specialists you can summon on demand. Eight opinionated workflow skills that act as CEO, Engineering Manager, Release Manager, and QA Engineer with slash commands for planning, review, shipping, and testing.

What It Does

gstack provides specialized AI personas and workflows:

  • CEO Review: Rethink problems and find the 10-star product hiding in requests
  • Engineering Planning: Lock in architecture, data flow, and edge cases
  • Code Review: Paranoid staff engineer-level review that catches production bugs
  • Release Management: One-command shipping with tests and PR creation
  • QA Testing: Automated browser testing with screenshots and systematic coverage
  • Browser Automation: Give AI eyes to click through your app and catch breakage
  • Session Management: Import real browser cookies for authenticated testing
  • Team Retrospectives: Engineering manager-style retros with per-person insights

Installation

Requirements

Global Installation

bash
git clone https://github.com/garrytan/gstack.git ~/.claude/skills/gstackcd ~/.claude/skills/gstack./setup

Project Installation

bash
cp -Rf ~/.claude/skills/gstack .claude/skills/gstackrm -rf .claude/skills/gstack/.gitcd .claude/skills/gstack./setup

Add to your CLAUDE.md:

markdown
## gstackUse /browse skill from gstack for all web browsing. Never use mcp__claude-in-chrome__* tools.
Available skills:- /plan-ceo-review - Product strategy review- /plan-eng-review - Technical architecture planning  - /review - Thorough code review- /ship - One-command branch shipping- /browse - Browser automation and testing- /qa - Systematic QA testing- /setup-browser-cookies - Session management- /retro - Engineering retrospectives

Core Commands

Planning Workflows

CEO Product Review
typescript
// Start with feature description, then review strategyYou: I want to add seller photo upload to the listing app
You: /plan-ceo-review// AI responds as CEO: challenges assumptions, finds bigger opportunity// "Photo upload" → "AI-powered listing creation from photos"
Engineering Architecture Review
typescript
You: /plan-eng-review// AI responds as tech lead:// - Architecture diagrams// - State machines// - Async job boundaries  // - Failure modes// - Test matrices

Code Quality Workflows

Thorough Code Review
typescript
You: /review// Paranoid staff engineer review:// - Race conditions// - Trust boundaries// - Missing error handling// - Production failure modes
One-Command Shipping
typescript
You: /ship// Automated release process:// 1. Sync main branch// 2. Run test suite// 3. Resolve review comments// 4. Push branch// 5. Open pull request

QA and Testing Workflows

Browser Automation
typescript
You: /browse https://myapp.com// AI navigates your app:// - Takes screenshots// - Clicks through workflows// - Identifies breakage// - Tests responsive design
Systematic QA Testing
typescript
You: /qa// Branch-aware testing:// - Analyzes git diff// - Identifies affected pages// - Tests localhost:3000// - Full exploration mode// - Regression testing
You: /qa https://staging.myapp.com --quick// Quick smoke test: 5 pages in 30 seconds
Session Management
typescript
You: /setup-browser-cookies staging.myapp.com// Imports cookies from real browser (Chrome, Arc, Brave, Edge)// Enables testing authenticated pages without manual login

Team Workflows

Engineering Retrospectives
typescript
You: /retro// Engineering manager-style retro:// - Analyzes git history// - Per-person contributions// - Growth opportunities// - Team dynamics// - Saves to .context/retros/

Configuration

Browser Settings

gstack creates isolated browser instances in .gstack/ directory:

typescript
// Automatic browser configuration{  userDataDir: '.gstack/browser-data',  headless: false, // for debugging  viewport: { width: 1280, height: 720 },  timeout: 30000}

Project Structure

your-project/├── .claude/│   └── skills/│       └── gstack/│           ├── skills/           # Workflow prompts│           ├── browse/           # Browser automation│           └── package.json├── .gstack/                      # Browser data (gitignored)│   ├── browser-data/│   └── screenshots/└── .context/    └── retros/                   # Retrospective history

Integration Patterns

Multi-Session Workflow

Use Conductor for parallel sessions:

typescript
// Session 1: Feature developmentYou: /plan-ceo-reviewYou: /plan-eng-review// [implement feature]
// Session 2: Code reviewYou: /review// [fix issues]
// Session 3: QA testing  You: /qa --full
// Session 4: ReleaseYou: /ship

CI/CD Integration

yaml
# .github/workflows/gstack-qa.ymlname: gstack QAon: [pull_request]jobs:  qa:    runs-on: ubuntu-latest    steps:      - uses: actions/checkout@v3      - run: cd .claude/skills/gstack && ./setup      - run: echo "/qa --regression" | claude-code

Team Onboarding

markdown
# Add to team docs## Development Workflow1. `/plan-ceo-review` - Validate product direction2. `/plan-eng-review` - Lock architecture  3. Implement feature4. `/review` - Paranoid code review5. `/qa` - Test branch thoroughly6. `/ship` - One-command release7. `/qa staging.app.com` - Staging verification

Advanced Usage

Custom QA Scenarios

typescript
// Feature-specific testingYou: /qa --focus=checkout-flowYou: /qa --mobile-onlyYou: /qa --accessibility
// Performance testingYou: /browse https://app.com// Then: "Run lighthouse audit on this page"

Cross-Browser Testing

typescript
// Test in multiple browsersYou: /setup-browser-cookies app.comYou: /browse app.com --browser=chrome// [switch session]You: /browse app.com --browser=firefox

Regression Testing

typescript
// Before major changesYou: /qa --baseline// [make changes]  You: /qa --compare-baseline// AI identifies visual/functional regressions

Troubleshooting

Binary Issues

bash
# Rebuild browser automation binarycd .claude/skills/gstackrm -rf browse/dist./setup

Permission Errors

bash
# Fix executable permissionscd .claude/skills/gstackchmod +x setup browse/dist/browse

Missing Dependencies

bash
# Reinstall Node dependenciescd .claude/skills/gstackrm -rf node_modulesbun install

Browser Automation Failures

typescript
// Debug browser issuesYou: /browse --debug// Runs browser in non-headless mode for inspection
// Clear browser datarm -rf .gstack/browser-data

Skill Registration Issues

typescript
// Re-register skillscd .claude/skills/gstack./setup
// Verify skills are availableYou: /plan-ceo-review --help

The skills work by providing specialized prompts and browser automation tools that transform Claude Code into domain experts. Each workflow enforces specific cognitive modes - CEO strategic thinking, engineering rigor, paranoid review, or systematic testing - instead of generic assistance.

來源與署名

來源:reason-machines/trending-skills位於skills/gstack-workflow-assistant提交2384a00

授權條款: 無授權條款

內容歸原作者所有。SourceWeft 從公開儲存庫中收錄這些內容。

檢舉或申請下架