Product & Design Skills

Generate beautiful, pedagogical HTML companions for superpowers-gstack MD artifacts (design docs, handoffs, plans). Auto-opens via --open flag. Generates per-directory dashboards. Triggered manually or via PostToolUse hook on Write/Edit of artifact-pattern MD files.

Use after a PRD, spec, or implementation plan for an iOS app or feature — before implementation begins. Validates the artifact against Apple Human Interface Guidelines (iOS) via WebFetch citations: vocabulary, controls/touch targets, navigation paradigm, modal presentation, gestures, system surfaces, keyboard handling, haptics, semantic colors, animation timing, privileged operations, accessibility, app lifecycle. Complementary to pitfall-verification ("will this work?") and quality-review ("will this feel good?") — this asks "is this iOS-native?".

One-shot XCUITest scaffolding for macOS SwiftUI apps. Audits the project, generates ranked TIER-1/2/3 test stubs, suggests accessibility identifiers with batch confirmation, and emits a Claude-readable xcresult runner script. Manual invocation only — modifies project files.

Use after a PRD, spec, or implementation plan for a macOS app or feature — before implementation begins. Validates the artifact against Apple Human Interface Guidelines via WebFetch citations: vocabulary, control choices, keyboard shortcuts, semantic colors, sheets/popovers/alerts, animations, privileged operations, accessibility, menu bar, app lifecycle, dock behavior, App menu. Complementary to pitfall-verification ("will this work?") and quality-review ("will this feel good?") — this asks "is this Apple-native?".

Track-aware wrapper around gstack's /office-hours skill. Runs the upstream office-hours session (six forcing questions / builder mode), detects native vs web intent from the resulting design doc, asks the platform question (iOS / macOS / both) if native, writes .gstack/track, renders DESIGN.html via htmlify and OPENS it in Safari BEFORE the approval gate, then asks "Approve / Revise / Restart" — fixing the upstream "approve-then-read" UX bug. On approval for native projects, suggests /superpowers-gstack:swiftui-design-consultation as next step. Replaces standalone swiftui-track skill (removed in v2.3.0). Use when starting a new product idea, brainstorming, or whenever upstream /office-hours would have fired. Set up via CLAUDE.md routing to intercept bare /office-hours invocations.

Use after completing any PRD, spec, plan, or code implementation — verifies that artifact-specific pitfalls (security, idempotency, integration contracts, edge cases, LLM output) do not apply before declaring work done. Two rounds max.

Use after completing any PRD, spec, or implementation plan — before implementation begins. Hunts perceived-quality pitfalls (silent failures, missing loading states, empty states, error recovery, state drift, animations, AI output, sudo flows) that make a product feel cheap or broken even when it technically works. Complementary to pitfall-verification.

Apple-canon design system consultation for SwiftUI projects. Produces DESIGN.md (human source of truth) + a Swift Package starter (DesignSystem.swift + Package.swift + Tests) wired with semantic colors, SF Pro typography, Liquid Glass material discipline, named motion presets, and accessibility baseline. Orchestrates the swiftui-rag MCP surface for canonical patterns and HIG citations, uses /htmlify for Phase 3 proposal preview, chains into macos-native-review for HIG conformance gating. Use when starting a new SwiftUI project, when an existing SwiftUI project lacks a coherent design system, or when refreshing one. Phase 0 inlines the platform-question if .gstack/track is missing (since v2.3.0 — previously delegated to standalone swiftui-track skill, which was removed).