A collection of adapted from the gstack CLI for use in the (claude.ai). These skills turn Claude into a structured engineering partner — covering everything from brainstorming and planning to code...
概要
A collection of adapted from the gstack CLI for use in the (claude.ai). These skills turn Claude into a structured engineering partner — covering everything from brainstorming and planning to code review, QA, shipping, and retrospectives. No terminal required. 1. Download gstack-web-skills.zip and unzip it. 2. In claude.ai, go to . 3. Upload each skill folder (e.g. office-hours/, review/, qa/). Each folder contains a SKILL.md that Claude reads automatically. 4. Claude will auto-trigger skills based on what you ask — or invoke directly with /skill-name. 1. Pick the skill folders you want. 2. Upload each folder's SKILL.md as a skill. Claude matches tasks to skills via the description field in each file's frontmatter. Each SKILL.md has a name and description in its frontmatter. Claude sees all skill descriptions, and when your request matches, it loads that skill's instructions automatically. No manual routing needed.
README
gstack Web Skills
A collection of 12 engineering workflow skills adapted from the gstack CLI for use in the Claude web app (claude.ai). These skills turn Claude into a structured engineering partner — covering everything from brainstorming and planning to code review, QA, shipping, and retrospectives. No terminal required.
How to Install
Option A — Upload Skill Folders (recommended)
- Download
gstack-web-skills.zipand unzip it. - In claude.ai, go to Customize → Skills.
- Upload each skill folder (e.g.
office-hours/,review/,qa/). Each folder contains aSKILL.mdthat Claude reads automatically. - Claude will auto-trigger skills based on what you ask — or invoke directly with
/skill-name.
Option B — Upload Individual SKILL.md Files
- Pick the skill folders you want.
- Upload each folder’s
SKILL.mdas a skill. Claude matches tasks to skills via thedescriptionfield in each file’s frontmatter.
How it works: Each
SKILL.mdhas anameanddescriptionin its frontmatter. Claude sees all skill descriptions, and when your request matches, it loads that skill’s instructions automatically. No manual routing needed.
Skills
Ideation
| # | Skill | What it does | When to use it | Invoke |
|---|---|---|---|---|
| 1 | Office Hours | YC-style forcing-function session that pressure-tests your idea | Starting something new or feeling stuck | /office-hours |
Planning
| # | Skill | What it does | When to use it | Invoke |
|---|---|---|---|---|
| 2 | Design Consultation | Generates a complete design system proposal (DESIGN.md) | Starting a new UI project or redesign | /design-consultation |
| 3 | Plan — CEO Review | Founder-mode review of a plan across strategy, risk, and execution | Before committing resources to a plan | /plan-ceo-review |
| 4 | Plan — Eng Review | Engineering manager review for architecture, code quality, testing, and performance | Before starting implementation | /plan-eng-review |
| 5 | Plan — Design Review | Designer’s-eye review rating a plan across 7 dimensions (0–10) | When a plan has UI/UX implications | /plan-design-review |
Review
| # | Skill | What it does | When to use it | Invoke |
|---|---|---|---|---|
| 6 | Review | Pre-landing code review with two-pass checklist and fix-first flow | Before merging a PR or committing code | /review |
| 7 | Investigate | Systematic debugging with root-cause iron law and pattern analysis | Hunting a bug or unexpected behavior | /investigate |
| 8 | Design Review | Visual QA audit across 10 categories with A–F scoring | After implementing UI, before shipping | /design-review |
Quality & Shipping
| # | Skill | What it does | When to use it | Invoke |
|---|---|---|---|---|
| 9 | QA | Test-and-fix workflow with health scoring and framework guidance | Validating code quality before ship | /qa |
| 10 | Ship | Full ship workflow: merge, test, review, version, changelog, PR | Ready to ship your feature | /ship |
| 11 | Document Release | Post-ship documentation sync and audit | After shipping, to update docs | /document-release |
Retrospective
| # | Skill | What it does | When to use it | Invoke |
|---|---|---|---|---|
| 12 | Retro | Weekly engineering retrospective with team analysis | End of sprint or week | /retro |
Recommended Workflow Order
/office-hours → Clarify the idea
↓
/design-consultation → Define the design system (if UI work)
↓
/plan-ceo-review → Stress-test the plan (strategy)
/plan-eng-review → Stress-test the plan (engineering)
/plan-design-review → Stress-test the plan (design)
↓
[Build it]
↓
/review → Pre-landing code review
/design-review → Visual QA (if UI work)
/qa → Test and fix
↓
/ship → Merge, version, PR
/document-release → Sync documentation
↓
/retro → Reflect on the week
You don’t have to use every skill — pick the ones that fit your workflow.
Quick Start
Scenario: You have an idea for a new feature and want to go from concept to shipped code.
- Start a conversation in your Claude Project.
- Type:
/office-hours— Claude runs a YC-style session, asking you tough questions about your idea and producing a structured design doc. - When you have a plan, type:
/plan-eng-reviewand paste your plan — Claude reviews it for architecture gaps, missing tests, and performance risks. - After building, paste your code changes and type:
/review— Claude does a two-pass code review and fixes issues directly. - Run
/qato validate test coverage and code health. - Finally, type
/shipto walk through the shipping checklist.
Each skill guides you step-by-step with questions and structured output. Just follow the prompts.
File Structure
├── README.md ← you are here
├── gstack-web-skills/
│ ├── office-hours/
│ │ └── SKILL.md ← 💡 Ideation
│ ├── design-consultation/
│ │ └── SKILL.md ← 📐 Planning
│ ├── plan-ceo-review/
│ │ └── SKILL.md ← 📐 Planning
│ ├── plan-eng-review/
│ │ └── SKILL.md ← 📐 Planning
│ ├── plan-design-review/
│ │ └── SKILL.md ← 📐 Planning
│ ├── review/
│ │ └── SKILL.md ← 🔍 Review
│ ├── investigate/
│ │ └── SKILL.md ← 🔍 Review
│ ├── design-review/
│ │ └── SKILL.md ← 🔍 Review
│ ├── qa/
│ │ └── SKILL.md ← ✅ Quality
│ ├── ship/
│ │ └── SKILL.md ← 🚀 Shipping
│ ├── document-release/
│ │ └── SKILL.md ← 🚀 Shipping
│ └── retro/
│ └── SKILL.md ← 🔄 Retrospective
└── gstack-web-skills.zip ← ready-to-download package
Each skill is a self-contained folder with a SKILL.md. This matches the Claude Skills standard — one folder per skill, auto-triggered by description matching.
Contributing
Found a way to make a skill better? PRs welcome. Each skill must:
- Live in its own folder with a
SKILL.md - Use only
nameanddescriptionin frontmatter - Write
descriptionas a trigger phrase (what user phrases should activate it) - Stay under 500 lines / 3000 words per SKILL.md
Adapted from gstack by Garry Tan. Web-adapted for Claude Projects.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add hruthikkommuru/caludeskills-web-gstack