skills.rest
daemon-blockint-tech
daemon-blockint-techCOMMUNITY
Explore all skills by this author →
GitHub

product-designer

Frame product design work from problem framing to engineering handoff.

7|1|Updated May 19, 2026
Search Tags:#design#discovery#usability#handoff#product-design#wireframes#workflows
One-click install
npx skills add https://github.com/daemon-blockint-tech/Agentic-Enteprises-Skill --skill product-designer-daemon-blockint-tech
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: product-designer
Source: https://github.com/daemon-blockint-tech/Agentic-Enteprises-Skill/tree/main/product-designer
Command: npx skills add https://github.com/daemon-blockint-tech/Agentic-Enteprises-Skill --skill product-designer-daemon-blockint-tech

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Guides product design—problem framing, discovery synthesis, user journeys and flows, wireframes, interaction specs, usability evaluation, and engineering handoff for digital products (web and mobile). Use when designing a new feature UX, mapping flows, creating wireframe or spec narratives, running heuristic reviews, defining states and edge cases for UI, or preparing design-ready acceptance criteria—not for writing BRDs or business process docs (business-analyst), front-end implementation (senior-frontend-software-engineer, fullstack-software-engineer), or production code review (senior-software-engineer). For UI implementation from specs (tokens, states, Storybook), use ui-software-engineer. For interaction specs, coded prototypes, and in-product UX audits, use ux-software-engineer. For human data / labeling platform PM (tasks, quality, workforce), use product-management-human-data-platform. For business model canvas, pricing research, and unit economics, use business-model-researcher.

Core Features & Use Cases

  • Problem framing, discovery synthesis, and journey mapping to align product teams
  • Wireframes, interaction specs, and usability evaluation templates to accelerate design-to-engineering handoff
  • Clear guidance on when and how to engage design specialists (BA, UI, UX, engineers) across web and mobile projects

Quick Start

Begin by framing the user problem, map flows and wireframes, then prepare engineering handoff artifacts.

Frequently Asked Questions about product-designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I streamline product design workflows from problem framing to engineering handoff?▼

Streamline product design workflows by using structured templates for problem framing, discovery synthesis, journey mapping, and wireframes to align product managers, designers, and engineers before handoff.

What is the best way to map user journeys and flows for a new feature UX?▼

Map user journeys and flows by synthesizing discovery research into structured workflows, creating wireframes and interaction specs that define UI states and edge cases for web and mobile features.

Can I use this for writing business requirement documents or front-end implementation?▼

No, this is not for writing business requirement documents or front-end implementation. Use it for wireframes, usability evaluation, and design-ready acceptance criteria, not production code review.

How do I prepare design-ready acceptance criteria for engineering handoff?▼

Prepare design-ready acceptance criteria by defining interaction specs, UI states, and edge cases within wireframe narratives, ensuring engineers receive structured handoff artifacts for web and mobile.

When should I engage UI or UX software engineers instead of a product designer?▼

Engage UI software engineers for UI implementation from specs like tokens and Storybook, and UX software engineers for coded prototypes and in-product audits, while using product designers for interaction specs and wireframes.

Does this support usability evaluation and heuristic reviews for mobile and web products?▼

Yes, it supports usability evaluation and heuristic reviews by providing templates to assess interaction specs and wireframes across both web and mobile digital product designs.

Related Skills

Explore More Design & Creative Skills→
cvillamarp-lgtmcvillamarp-lgtm

problem-definition

Articulate user problems with explicit type, scope, and validation criteria.

Community
Intermediate
monam2monam2

Storybook

Document UI components with interactive stories for React and Vue.

Community
Intermediate
daffy0208daffy0208
34

Product Strategist

Validate product-market fit across five phases with customer interviews and market analyses.

Community
Intermediate
nagisanzeninnagisanzenin
171

product-manager

Transform product ideas into BRDs, user stories, and acceptance criteria.

Community
Advanced