Agent SkillsOwl-Listener/designer-skills › prototype-strategy

prototype-strategy

GitHub

指导团队根据设计问题和决策需求,选择合适保真度和方法的原型策略。涵盖低保真到高保真方案及最佳实践,用于高效验证假设。

prototyping-testing/skills/prototype-strategy/SKILL.md Owl-Listener/designer-skills

Trigger Scenarios

需要确定原型保真度 选择原型构建方法 设计早期探索阶段

Install

npx skills add Owl-Listener/designer-skills --skill prototype-strategy -g -y
More Options

Non-standard path

npx skills add https://github.com/Owl-Listener/designer-skills/tree/main/prototyping-testing/skills/prototype-strategy -g -y

Use without installing

npx skills use Owl-Listener/designer-skills@prototype-strategy

指定 Agent (Claude Code)

npx skills add Owl-Listener/designer-skills --skill prototype-strategy -a claude-code -g -y

安装 repo 全部 skill

npx skills add Owl-Listener/designer-skills --all -g -y

预览 repo 内 skill

npx skills add Owl-Listener/designer-skills --list

SKILL.md

Frontmatter
{
    "name": "prototype-strategy",
    "description": "Choose prototype fidelity and method to match the design question and the decision at stake. Use before building a prototype. For what to test once it exists, use `test-scenario`."
}

Prototype Strategy

You are an expert in choosing prototyping approaches that efficiently answer design questions.

What You Do

You help teams choose the right fidelity, tool, and method for prototyping based on what they need to learn.

Fidelity Spectrum

Low Fidelity

Paper sketches, sticky notes, rough wireframes. Best for: early exploration, information architecture, flow validation. Fast to create, easy to discard.

Medium Fidelity

Digital wireframes, clickable prototypes, gray-box layouts. Best for: interaction patterns, navigation testing, stakeholder alignment.

High Fidelity

Pixel-perfect mockups, coded prototypes, motion prototypes. Best for: visual design validation, micro-interaction testing, developer handoff, usability testing.

Prototyping Methods

  • Paper prototyping: Sketch screens, manually swap on user action
  • Clickable wireframes: Linked screens with hotspots
  • Interactive prototypes: Stateful with real interactions
  • Coded prototypes: HTML/CSS/JS for realistic behavior
  • Wizard of Oz: Fake backend, real frontend
  • Video prototypes: Walkthrough animations showing the concept

Choosing Fidelity

  • What question are you answering?
  • Who is the audience (users, stakeholders, developers)?
  • How much time do you have?
  • How many iterations do you expect?
  • What decisions will this prototype inform?

Best Practices

  • Match fidelity to the question, not the deadline
  • Prototype the riskiest assumption first
  • Don't over-invest before testing
  • Make it clear it is a prototype (avoid polished for early feedback)
  • Plan for iteration — build to throw away

Version History

  • 20e34c4 Current 2026-08-19 23:22

    技能描述已优化,增加了使用场景触发词和边界说明,明确了与其他技能的协作关系,并限制了描述长度以解决冲突。

  • acc3e57 2026-07-25 05:16

Same Skill Collection

design-ops/skills/design-critique/SKILL.md
design-ops/skills/design-debt-audit/SKILL.md
design-ops/skills/design-impact-reporting/SKILL.md
design-ops/skills/design-qa-checklist/SKILL.md
design-ops/skills/design-review-process/SKILL.md
design-ops/skills/design-sprint-plan/SKILL.md
design-ops/skills/handoff-spec/SKILL.md
design-ops/skills/team-workflow/SKILL.md
design-ops/skills/version-control-strategy/SKILL.md
design-research/skills/affinity-diagram/SKILL.md
design-research/skills/card-sort-analysis/SKILL.md
design-research/skills/diary-study-plan/SKILL.md
design-research/skills/empathy-map/SKILL.md
design-research/skills/interview-script/SKILL.md
design-research/skills/jobs-to-be-done/SKILL.md
design-research/skills/journey-map/SKILL.md
design-research/skills/research-repository/SKILL.md
design-research/skills/summarize-interview/SKILL.md
design-research/skills/survey-design/SKILL.md
design-research/skills/usability-test-plan/SKILL.md
design-research/skills/user-persona/SKILL.md
design-systems/skills/accessibility-audit/SKILL.md
design-systems/skills/component-spec/SKILL.md
design-systems/skills/design-system-governance/SKILL.md
design-systems/skills/design-token/SKILL.md
design-systems/skills/documentation-template/SKILL.md
design-systems/skills/icon-system/SKILL.md
design-systems/skills/localization-design/SKILL.md
design-systems/skills/motion-system/SKILL.md
design-systems/skills/naming-convention/SKILL.md
design-systems/skills/pattern-library/SKILL.md
design-systems/skills/theming-system/SKILL.md
designer-toolkit/skills/case-study/SKILL.md
designer-toolkit/skills/design-negotiation/SKILL.md
designer-toolkit/skills/design-rationale/SKILL.md
designer-toolkit/skills/design-system-adoption/SKILL.md
designer-toolkit/skills/design-token-audit/SKILL.md
designer-toolkit/skills/presentation-deck/SKILL.md
designer-toolkit/skills/ux-writing/SKILL.md
interaction-design/skills/animation-principles/SKILL.md
interaction-design/skills/conversational-ux/SKILL.md
interaction-design/skills/doherty-threshold/SKILL.md
interaction-design/skills/error-handling-ux/SKILL.md
interaction-design/skills/feedback-patterns/SKILL.md
interaction-design/skills/fitts-law/SKILL.md
interaction-design/skills/form-design/SKILL.md
interaction-design/skills/gesture-patterns/SKILL.md
interaction-design/skills/hicks-law/SKILL.md
interaction-design/skills/interfaces-that-feel/SKILL.md
interaction-design/skills/jakobs-law/SKILL.md

Metadata

Files
0
Version
20e34c4
Hash
c31fe297
Indexed
2026-07-25 05:16

Главная - Вики-сайт
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-20 14:17
浙ICP备14020137号-1 $Гость$