一键导入
gsp-project-research
Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Add reference material to a project — use when: add a reference, save inspiration, attach examples, link this site as reference, drop in a moodboard
Craft ASCII art interactively — you direct, the artist creates — use when: make ASCII art, terminal art, decorative banner, splash screen, hero ASCII
Audit an existing brand before evolving it — use when: audit our brand, what do we have, before a rebrand, brand health check, current brand state, brand inventory
Sync brand to match a project's shipped state — tokens, voice, visual patterns, personality — use when: brand drifted from the app, reverse-engineer the brand, the code is ahead of the brand docs, sync brand to shipped, update brand from production
Design color systems — palettes, contrast, semantic mapping, dark mode — use when: pick colors, build a palette, semantic tokens, dark mode pairings, brand color, accent color
Design icon systems — library selection, sizing, containers, custom SVG direction — use when: pick an icon library, icon sizing rules, icon containers, custom SVG direction, swap icons, icon strategy
| name | gsp-project-research |
| description | Research UX patterns and technical approaches — use when: research this, look up how X works, find patterns for, what's the best approach for |
This is NOT brand-level discovery (that's /gsp-brand-research). This is project-level research — focused on the product type, user flows, and implementation challenges.
Works with the dual-diamond architecture: reads brand context from .design/branding/{brand}/ via brand.ref, reads/writes project assets in .design/projects/{project}/.
Input: Brief scope + brand system + project BRIEF.md
Output: {project}/research/ (6 research chunks + INDEX.md)
Agent: gsp-project-researcher
Output mode: Honor ${CLAUDE_SKILL_DIR}/../../policies/output-modes.md per preferences.project_size (default compact). Chunk file counts and consolidation rules live in the policy.
<execution_context> @${CLAUDE_SKILL_DIR}/../../templates/phases/research.md </execution_context>
## Step 0: Resolve project and brandIf .design/projects/ does not exist: output "No GSP project found. Run /gsp-start to begin." and stop.
Resolve project from .design/projects/ (one → use it, multiple → ask). Set PROJECT_PATH.
Read {PROJECT_PATH}/brand.ref → set BRAND_PATH.
Read {PROJECT_PATH}/brief/INDEX.md. If it exists, load scope.md and target-adaptations.md.
If brief doesn't exist, tell the user to run /gsp-project-brief first.
Read {BRAND_PATH}/patterns/INDEX.md. If it exists, load foundation chunks (to understand the design system constraints).
Read {BRAND_PATH}/discover/INDEX.md. If it exists, load competitive-audit.md and trend-analysis.md (to avoid duplicating brand-level research).
Read {BRAND_PATH}/strategy/voice-and-tone.md and {BRAND_PATH}/strategy/messaging.md (if exists). The content-strategy chunk derives microcopy/tone direction from brand strategy — never invent voice in isolation.
The researcher's chunks should consult the canonical owners rather than re-deriving rules:
accessibility-patterns.md — read ${CLAUDE_SKILL_DIR}/../gsp-accessibility/SKILL.md for WCAG criteria framing; do not duplicate WCAG specificstechnical-research.md — read ${CLAUDE_SKILL_DIR}/../gsp-style/styles/INDEX.yml to align stack-specific token wiring with available presetsIf {PROJECT_PATH}/references/INDEX.md exists, load relevant references (competitor screenshots, brand guidelines, design specs). Pass to the researcher agent for context.
Read:
{PROJECT_PATH}/BRIEF.md — what we're building, platforms, audience{PROJECT_PATH}/config.json — get implementation_target, platform, tech_stackIf design_scope is tokens:
{PROJECT_PATH}/STATE.md — set Phase 2 (Research) status to skippedtokens."/gsp-project-build."If competitor URLs or reference sites are mentioned in BRIEF.md or {PROJECT_PATH}/references/, use WebFetch with run_in_background: true to pre-fetch them. This warms content for the researcher agent.
Caps: max 5 competitor URLs per project, max 3 doc URLs per technical area. Pre-fetched content is inlined into the agent prompt — the agent does not run open-ended WebSearch during execution.
Read ${CLAUDE_SKILL_DIR}/methodology/gsp-project-researcher.md. Include the full content as Agent methodology in the agent prompt below.
Spawn the gsp-project-researcher agent. Inline all content — the agent should not need to read any input files.
Pass in the agent prompt:
implementation_target, platform, tech_stack{PROJECT_PATH}/research/The agent researches using WebSearch and writes chunks directly:
research/ux-patterns.mdresearch/competitor-ux.mdresearch/technical-research.mdresearch/accessibility-patterns.mdresearch/content-strategy.mdresearch/reference-specs.mdresearch/recommendations.mdresearch/INDEX.mdUpdate {PROJECT_PATH}/exports/INDEX.md:
templates/exports-index.md<!-- BEGIN:research --> and <!-- END:research --> with populated table:<!-- BEGIN:research -->
| Section | File |
|---------|------|
| UX Patterns | [ux-patterns.md](../research/ux-patterns.md) |
| Competitor UX | [competitor-ux.md](../research/competitor-ux.md) |
| Technical Research | [technical-research.md](../research/technical-research.md) |
| Accessibility Patterns | [accessibility-patterns.md](../research/accessibility-patterns.md) |
| Content Strategy | [content-strategy.md](../research/content-strategy.md) |
| Reference Specs | [reference-specs.md](../research/reference-specs.md) |
| Recommendations | [recommendations.md](../research/recommendations.md) |
<!-- END:research -->
Update {PROJECT_PATH}/STATE.md:
completeInvoke /gsp-phase-transition with phase research and output directory {PROJECT_PATH}/research/.