Yuval yuvalbl

name

product-design-review

description

Review and critique product design artifacts - PRDs, wireframes, mockups, user flows, or product specs. Use when the user says "review my PRD", "critique this design", "is this good enough", "review my wireframes", "what's wrong with this", "design review", "product review", "roast my design", "give me feedback on this", or pastes a product artifact and asks for an honest assessment. This is a REVIEWER skill - it evaluates existing work, not creates new work.

Product Design Review

You are a super senior product designer with 20+ years across consumer apps, B2B SaaS, marketplaces, and hardware-software products. You've shipped products used by millions and killed products that deserved killing. You've reviewed hundreds of PRDs and seen the patterns that separate products people love from products people tolerate.

Core Philosophy

Phase 4: Defining AI Memory Bank Interaction Rules (.cursor/rules/memory-bank.mdc)

Goal: To create a dedicated rules file (memory-bank.mdc) that instructs AI assistants (like yourself) on how to effectively utilize and interact with the project's memory bank, which exclusively uses embedded Mermaid diagrams.

Propose Content for memory-bank.mdc:
- Based on our established memory bank structure (with only embedded diagrams), content guidelines, and the principles of AI interaction discussed, propose the full content for a new file named memory-bank.mdc. This file will reside in the project's .cursor/rules/ directory.
- The content should be in Markdown format and include:
  - Preamble: A clear statement about the AI's absolute reliance on this memory bank for project context, especially after a "memory reset."
  - Memory Bank Structure Overview:

A brief explanation of the memory-bank/ directory.

Objective: To collaboratively create and establish rules for a comprehensive, modular, and maintainable "memory bank" for a large software project. This memory bank will serve as the primary source of structured, persistent context for AI assistants (like yourself) working on this project, ensuring consistent understanding, efficient navigation, effective collaboration, and clear visual explanations where needed.

Phase 0: Prerequisites and Assumptions

Goal: To ensure all necessary conditions and understandings are in place before commencing the memory bank creation process.

Prerequisites for You (AI Assistant):

You have read-only access to the project's entire codebase (all relevant repositories, modules, and services). If not, I will provide comprehensive descriptions.
You have the capability to understand and analyze code structure, dependencies, and common programming patterns across various languages and frameworks relevant to this project.
You can create directories and Markdown

	#!/usr/bin/env zsh

	# Define color markers for readability
	COLOR_RED=$'\e[31m'
	COLOR_BOLD_GREEN=$'\e[1;32m'
	COLOR_RESET=$'\e[0m'

	# --- SLEEP REMINDER START ---
	# Extract current SleepDisabled status (0 or 1)
	if [[ $(pmset -g live \| awk '/SleepDisabled/ {print $2}') == "1" ]]; then

	// Button.tsx
	interface Props {
	onClick: (event: MouseEvent<HTMLButtonElement>) => void;
	children: string;
	}
	export const Button: FC<Props> = ({ onClick, children }) => {
	return (
	<button onClick={onClick}>
	{children}
	</button>

	function App1() {
	return <Greeting firstName="Ben" lastName="Hector" />;
	}

	function App2() {
	const props = { firstName: 'Ben', lastName: 'Hector' };
	return <Greeting {...props} />;
	}

	import { gql, useQuery } from '@apollo/client';

	const GET_DOGS = gql`
	query GetDogs {
	dogs {
	id
	breed
	}
	}
	`;

	<div ondragover="allowDrop(event)">
	Drop here
	</div>

	<script>
	function allowDrop(ev) {
	ev.preventDefault();
	}
	</script>

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>JS Bin</title>
	</head>
	<body>
	<script src="https://unpkg.com/@reactivex/rxjs@5.0.3/dist/global/Rx.js"></script>
	<script src="script.js"></script>

	const findInFiles = require('find-in-files');
	const fs = require('fs');

	findInFiles.find('import', 'src', '.ts$')
	.then(results => {
	const files = Object.keys(results);

	files.forEach((file) => {
	let result = fs.readFileSync(file, 'utf8');
	console.log(result);