facilitating-design-critique

작성자: bitwarden

Run or participate in a Bitwarden design critique session — the weekly team critique and one-off product design reviews — grounded in the team's published…

npx skills add https://github.com/bitwarden/ai-plugins --skill facilitating-design-critique

Facilitating Design Critique

This skill grounds the facilitation of design critique in two Bitwarden sources of truth: the Weekly Design Critique & Etiquette Quick Guide and the Product Design Review Guidelines. Read the Confluence pages directly when prepping a real session — the get_confluence_page MCP tool fetches them. This skill is the practitioner's quick reference, not a replacement for those pages.

Cross-plugin dependency. When the design under discussion lives in a Figma file, this skill composes using-figma from the bitwarden-design-tools plugin — install it alongside bitwarden-designer for the full composition to work.

Pick the right mode

Bitwarden runs two distinct kinds of critique. Treat them differently.

  • Weekly Design Critique. Recurring team session. Presenter sets context for a piece of work-in-progress; the room asks clarifying questions, then gives feedback. Lightweight cadence, peer-to-peer, the presenter decides what to apply.
  • Product Design Review. Stakeholder review for a specific design proposal. Invites product, engineering, research as relevant. Heavier facilitation: scope, criteria, briefing, walkthrough, structured feedback collection.

Ask which mode the user means before suggesting a structure. The roles, prep, and time investment differ.

Roles in the room

  • Presenter. Sets context: the goal of the design, the constraints, the open questions, and what kind of feedback they want. The presenter owns what they apply.
  • Facilitator. Shepherds the session: redirects when discussion drifts, holds a "parking lot" for side issues that aren't central to the scope, and protects the presenter's stated feedback ask. In weekly critique this is usually a rotating role; in product design reviews it's an explicit appointment.
  • Participants. Ask before judging. Share observations, concerns, and ideas. Tied to user and product goals, not personal preference. Don't dominate.

The Weekly Design Critique Quick Guide reduces this to: critique the work, support the person, improve the product.

Session shape

Both modes share the same arc; the depth differs.

  1. Presenter sets context. Goal, constraints, open questions, the kind of feedback wanted. In product design reviews, this also covers background and the "why" — relevant documentation, early iterations, user research findings, business goals, end-user goals.
  2. Clarifying questions. Ask before judging or suggesting. The room doesn't critique what it doesn't yet understand.
  3. Walkthrough and feedback. Presenter walks the design. Participants share feedback tied to user impact, product goals, standards, or technical constraints.
  4. Wrap-up. Key takeaways and next steps. In product design reviews, document feedback for future reference in a preferred format and prioritize issues.

Feedback etiquette — do and don't

Do

  • Be specific and constructive.
  • Explain why something works or doesn't.
  • Ask questions to understand intent.
  • Call out what's working, not just issues.
  • Respect time and stay on topic.

Don't

  • Make it personal.
  • Give vague opinions like "I don't like it."
  • Dominate the conversation.
  • Jump to solutions without context.
  • Design on the spot — describe the gap, let the designer solve.

A useful set of opening phrases when the room stalls:

  • "What problem is this solving for the user?"
  • "I'm unclear about [blank] — could you explain?"
  • "Have we considered [blank] as an alternative?"
  • "This part feels strong because [blank]."

Common participation traps

  • "I don't like it." Not feedback. Tie the observation to a user need, business need, standard, convention, or technical constraint — or skip it.
  • "You are not the user." Personal bias presented as universal experience. Surface it as bias, not as a finding.
  • Asking why badly. "Why did you do that?" puts the designer on the defensive. "What are you trying to achieve by doing X?" gets at the same thing without the edge.
  • Solutioning during the review. A well-meaning suggestion can cascade through a design. Describe the gap. Let the designer weigh the fix offline.
  • Negative-only feedback. Designers move in the direction of what's working as much as away from what isn't. Lead with strengths, then issues.
  • The unconsidered consequence. "Could we just…" requests often spiral. When a suggestion feels simple, name the cascading effects you can see and let the designer decide.

Facilitator playbook for product design reviews

When facilitating (not just participating):

  • Before the review. Pick a method to collect feedback. Identify and invite the right stakeholders. Confirm the presenter has the briefing material ready (goals, background, early iterations, user research, business and end-user goals).
  • During the review. Define scope. Set feedback expectations. Surface the "why." Run the walkthrough. Open the floor with the scope and criteria already named. Document feedback in the agreed format. Hold the parking lot for off-scope discussion.
  • After the review. Prioritize the issues raised. Confirm next steps with the presenter.

Composing with other skills

  • design-review. During the session, the substance of feedback runs through design-review — the 30/60/90 framework, the Code of Conduct, and (at 60%/90%) the content-style-guide. This skill shapes the room; design-review shapes what's said.
  • using-figma. When the presentation is from a Figma file, use using-figma to bring the design context into the discussion (screenshot, metadata, variables) without context-bombing the room.

Output format

When asked to help prep or run a critique:

  1. Mode — Weekly Critique or Product Design Review.
  2. Roles — who's facilitating, who's presenting, who's participating.
  3. Presenter's setup — goal, constraints, open questions, the feedback ask.
  4. Agenda / arc — context → clarifying questions → walkthrough → feedback → wrap-up.
  5. Watch-outs for the room — the specific etiquette traps likely to come up given the work being presented.

Always end with the wrap-up question explicit: what is the presenter going to do next?

bitwarden의 다른 스킬

analyzing-git-sessions
bitwarden
특정 기간이나 커밋 범위 내의 Git 커밋과 변경 사항을 분석하여 코드 리뷰, 회고, 작업 로그 또는 세션을 위한 구조화된 요약을 제공합니다.
official
figma-to-angular
bitwarden
이 스킬은 Figma 디자인 스펙을 Bitwarden Clients 모노레포 내에서 Storybook 스토리와 함께 완전히 구현된 Angular 컴포넌트로 변환합니다. 출력물은 모든 코드베이스 규칙을 따르면서 시각적으로 디자인과 일치해야 합니다.
official
agent-access
bitwarden
Retrieve login credentials, API keys, and secrets (username, password, TOTP) from the user's Bitwarden vault via aac. Use when you need credentials to sign…
official
action-audit
bitwarden
조직 전반의 GitHub Actions 사용을 감사합니다. 특정 액션을 검색하거나(인시던트 모드) 모든 워크플로 파일을 스캔하여 비준수 액션을 찾습니다…
official
action-remediate
bitwarden
Remediate GitHub Actions action findings identified by the action-audit skill. Applies the appropriate fix per action type — `@main` ref for internal…
official
analyzing-code-security
bitwarden
이 스킬은 사용자가 "코드의 보안 문제를 분석"하거나, "OWASP 취약점을 확인"하거나, "CWE Top 25에 대해 코드를 검토"하도록 요청할 때 사용해야 합니다. "찾…
official
applying-bitwarden-branding
bitwarden
Apply Bitwarden brand standards — logo usage, color palette, typography, iconography, and capitalization rules — grounded in bitwarden.com/brand and the…
official
architecting-solutions
bitwarden
Architecting solutions at the team level while staying coherent with Bitwarden's holistic architecture. Covers security mindset, architectural judgment,…
official