# Product Design User Context > Load or manage Product Design's saved user context. Use when the user asks to set up Product Design, get started, onboard, save product or design sources, see what Product Design remembers, update saved context, or remember Product Design preferences. Examples include product URLs, Figma files, screenshots, reference images, codebase paths, Storybook, tokens, design systems, brand assets, and general product/design notes. - Skill: `wukongnotnull/product-design-user-context` (Agent Skill, multi-file: 7 files) - Install (CLI): `npx skillmds@latest add wukongnotnull/product-design-user-context` - Raw SKILL.md: https://api.skillmd.com/api/skills/wukongnotnull/product-design-user-context/raw - Safety review: pending - Works with: Claude Code, Claude.ai, OpenAI Codex - Category: Design & Media - Author: wukongnotnull (https://skillmd.com/u/wukongnotnull) - Updated: 2026-09-17 - Page: https://skillmd.com/skills/wukongnotnull/product-design-user-context --- # User Context User Context stores the product and design references a designer uses often, so future Product Design work starts from the right sources. Use this skill when the user asks to: - set up Product Design - get started with Product Design - onboard with Product Design - save product or design sources - see what Product Design remembers - update saved product or design context - remember a Product Design preference - setup my plugin ## Critical Overrides - Refer to the Product Design router [$product-design](../product-design/SKILL.md) before proceeding. - Follow [$critical-overrides](../../references/critical-overrides.md). - Before offering onboarding or saving context for future conversations, confirm that local shell access is available and run the preflight script to resolve a host-appropriate state directory. Confirm that directory is writable or can be created in a writable parent directory. If `user-context.md` already exists, confirm that it is writable too. - If any check cannot be completed or fails, persistent context is unavailable. Do not offer saved-context onboarding or claim that new context was saved for future conversations. If the user asks to save something, explain that it can be used in the current conversation but not saved for future conversations. ## Saved User Context If `user-context.md` exists, use it by default. Use saved product URLs, Figma files, screenshots, reference images, codebase paths, Storybook, tokens, design systems, brand assets, component refs, browser preferences, and share targets to ground Product Design work. Ideation, prototypes, audits, clones, and critiques should match the saved product context unless the user asks for something different. When a workflow needs visual grounding, attach or include relevant saved screenshots, reference images, tokens, design language, and component references in ImageGen, ideation, prototype, audit, and critique work. ## State File State resolution uses this priority: ```text --state-dir PRODUCT_DESIGN_STATE_DIR --codex-home or CODEX_HOME -> $CODEX_HOME/state/plugins/product-design existing ~/.codex/state/plugins/product-design XDG_STATE_HOME -> $XDG_STATE_HOME/wukong-code/product-design portable fallback -> ~/.local/state/wukong-code/product-design ``` Saved context is `user-context.md` in the resolved directory. Saved screenshots and reference images live next to it: ```text /assets/ ``` If the file does not exist, continue normally unless the user asks to set up Product Design, save context, or the current task is blocked by missing product/design context. ## Preflight When any Product Design workflow needs saved context, run: Resolve the script from the directory containing this `SKILL.md`, then invoke that absolute path. Do not resolve `scripts/` from the user's current working directory. For example: ```bash python3 /absolute/path/to/wukong-code/skills/product-design-user-context/scripts/user_context_preflight.py ``` Use the returned saved entries as the starting context for the task. If the script reports that no saved context exists, continue from the current user prompt unless setup context is required. Do not browse, open, or inspect every saved reference during preflight. Inspect only the saved references needed for the current task. ## Setup Use [references/onboarding.md](references/onboarding.md) when the user asks to set up Product Design, asks what Product Design can remember, asks what Product Design knows about their product, or provides product/design references to save. For setup-only requests, explain what Product Design can remember and ask for useful sources. Adjust the context-gathering request to match the user's request. First-time setup differs from updating existing context. Do not inspect the workspace, install dependencies, scaffold a prototype, generate images, run audits, or start implementation during setup. After the user provides references to save, run: Resolve the script from the directory containing this `SKILL.md` and invoke its absolute path: ```bash python3 /absolute/path/to/wukong-code/skills/product-design-user-context/scripts/init_user_context.py ``` Then add the references to the created `user-context.md`. ## Save Save useful, durable Product Design context: - Product URLs - Figma files - Screenshots and reference images - Codebase paths - Storybook and component docs - Design tokens and theme sources - Brand, logo, icon, illustration, image, and asset sources - Preferred browser, capture tools, and share targets - Team conventions that make future Product Design work more accurate When the user provides screenshots or reference images to save, copy them into `assets/` next to `user-context.md` and link them from the saved entry. Give each saved image a clear, descriptive filename that says what the image shows. Use names future Product Design runs can understand without opening the file. Good image names: ```text assets/chatgpt-settings-modal-dark-mode.png assets/payment-sheet-mobile-error-state.png assets/product-dashboard-sidebar-navigation.png assets/storybook-primary-button-states.png assets/brand-logo-lockup-purple-gradient.png assets/onboarding-flow-welcome-step.png assets/checkout-confirmation-screen.png assets/account-menu-open-state.png ``` Do not save secrets, credentials, API keys, private tokens, copied customer data, or anything that should not persist. Use this structure: ```md # {Category} - Description: {what this category is and when future Product Design runs should use it} ## Saved Links And Context {Saved reference or fact} - Date Added: YYYY-MM-DD. - File: assets/{clear-descriptive-name}.png - Useful Context: {what this reference represents} - Future Use: {how future Product Design work should use it} ``` Include `File:` only when the saved entry has a local image file. When a category has no saved references yet, use exactly: ```md status: not provided ``` Keep saved context curated. Prefer a few high-value references over a dump of every possible URL or file. ## Read - Do not treat `status: not provided` as a fact. - Read through `scripts/user_context_preflight.py` when local shell access is available. - Use saved context as default grounding, then inspect only what the current task needs.