skills.rest
DavidLam-oss
DavidLam-ossCOMMUNITY
Explore all skills by this author →
GitHub

openprd-ui-context

Generate PRODUCT.md and DESIGN.md contracts from project analysis.

283|45|Updated Jan 25, 2026
Search Tags:#documentation#frontend#ui-ux#workflow-automation#design-system#product-management
One-click install
npx skills add https://github.com/DavidLam-oss/obsidian-wechat-converter --skill openprd-ui-context
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: openprd-ui-context
Source: https://github.com/DavidLam-oss/obsidian-wechat-converter/tree/main/.claude/skills/openprd-ui-context
Command: npx skills add https://github.com/DavidLam-oss/obsidian-wechat-converter --skill openprd-ui-context

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill bridges the gap between product requirements and technical implementation by ensuring design decisions are evidence-based, consistent, and properly documented before development begins.

Core Features & Use Cases

  • Evidence-Based Design: Analyzes project facts, PRDs, and code to propose professional UI/UX directions.
  • Contract Compilation: Generates standardized PRODUCT.md and DESIGN.md files that serve as the source of truth for development.
  • Impeccable Handoff: Ensures design intent is preserved during the transition to implementation, preventing drift and unauthorized changes.

Quick Start

Run the openprd ui-context skill in the current directory to analyze the project and begin the design brief process.

Frequently Asked Questions about openprd-ui-context

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

FAQPage Schema
How do I generate UI/UX design contracts for software development?▼

To generate UI/UX design contracts, this Skill analyzes project facts, PRDs, and code to compile standardized PRODUCT.md and DESIGN.md files, serving as the source of truth for development handoff.

What is evidence-based UI/UX design and when do I need it?▼

Evidence-based UI/UX design proposes professional interface directions by analyzing project facts and PRDs. You need it during greenfield product definition, brownfield UI refactoring, or local interface fixes to ensure decisions are properly documented.

How do I prevent design drift when handing off to implementation agents?▼

To prevent design drift during implementation handoff, the Skill compiles schema-compliant documentation files that preserve design intent, ensuring seamless transition and preventing unauthorized changes by development agents.

Can I use this UI/UX context compiler for brownfield interface refactoring?▼

Yes, this UI/UX context compiler applies to brownfield UI refactoring. It analyzes existing code and project facts to propose professional design directions and generate standardized documentation for the refactoring process.

Do I need a PRD to start the UI/UX design brief process?▼

A PRD is not strictly required but highly recommended for UI/UX design briefs. The Skill analyzes project facts, PRDs, and code to propose evidence-based design directions and compile accurate contract documentation.

What is the best way to document product requirements for frontend development?▼

The best way to document product requirements for frontend development is compiling standardized PRODUCT.md and DESIGN.md files. This framework ensures design decisions are evidence-based, consistent, and properly documented before development begins.

Related Skills

Explore More Product & Management Skills→
luanzebaluanzeba

teach-impeccable

Gather project design context and generate a CLAUDE.md Design Context document.

Community
Intermediate
Spectre-Labs-SKSpectre-Labs-SK

impeccable

Audit and refine frontend interfaces using PRODUCT.md and DESIGN.md context.

Community
Advanced
Ayub-KhanAyub-Khan

ui-ux-design

Define scalable UI/UX design systems with tokens for Figma handoff.

Community
Intermediate
xsw632xsw632
2

requirement-parser

Converts natural language hardware descriptions into Chime-compliant JSON specifications with validation and workspace setup.

Community
Intermediate