Gstack Workflow Assistant

reason-machines/trending-skills/skills/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 从公开仓库中收录这些内容。

举报或申请下架