skills.rest
burakdirin
burakdirinCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

docfactory-uiux

Generate a mobile UI/UX specification from PRD context into 03-ui-ux-spec.md.

Updated Aug 27, 2026
Search Tags:#validation#mobile#spec#design-system#information-architecture#uiux#expo-router
One-click install
npx skills add https://github.com/burakdirin/skills --skill docfactory-uiux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: docfactory-uiux
Source: https://github.com/burakdirin/skills/tree/main/skills/docfactory-uiux
Command: npx skills add https://github.com/burakdirin/skills --skill docfactory-uiux

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Teams often struggle to maintain a consistent UI/UX specification across mobile apps, leading to design drift and repetitive manual work.

Core Features & Use Cases

  • Generates a complete 03-ui-ux-spec.md from the Product Requirements Document (PRD) context.
  • Ensures Information Architecture, Expo Router route map, screen specs, design tokens, and component inventory align with tokens and decisions.
  • Use Case: After drafting 02-prd.md, produce a ready-to-use UI/UX spec for MVP mobile app.

Quick Start

Copy the skill into your agent's configured skills directory, then run the UI/UX spec generation workflow to produce 03-ui-ux-spec.md.

Frequently Asked Questions about docfactory-uiux

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

FAQPage Schema
How do I generate a mobile UI/UX spec from a PRD?▼

You can generate a mobile UI/UX spec from a PRD by applying this skill after drafting your product requirements. It automates creating a platform-aware specification, including information architecture, route maps, and screen specs.

What is included in a mobile app information architecture and route map specification?▼

A mobile app information architecture and route map specification includes IA structures, Expo Router route maps, screen specs, design tokens, and a component inventory. It ensures all elements align with established project decisions.

How do I maintain consistent design tokens across mobile app screen specs?▼

To maintain consistent design tokens across screen specs, the generated output aligns directly with your 00-decisions.md file. This prevents design drift by ensuring tokens are consistently applied throughout the MVP UI/UX documentation.

Can I use Expo Router route maps for MVP mobile app specifications?▼

Yes, you can use Expo Router route maps for MVP mobile app specifications. The skill generates platform-aware route mappings alongside information architecture and screen specs to streamline your mobile development workflow.

Do I need a completed PRD before creating UI/UX specifications?▼

Yes, you need a completed PRD like 02-prd.md before creating UI/UX specifications. The skill uses PRD context to validate and produce the 03-ui-ux-spec.md, ensuring the generated screen specs and design tokens match product requirements.

Related Skills

Explore More Design & Creative Skills→
ilandahanilandahan
9

pre-prd-research

Structure pre-PRD research with problem validation, market analysis, and stakeholder interviews.

Community
Advanced
NathanColosimoNathanColosimo

building-native-ui

Guide native UI patterns for Expo Router apps with styling and navigation.

Community
Intermediate
Open-Earth-FoundationOpen-Earth-Foundation
45

repo-doc-audit

Audit repository documentation for inconsistencies and generate a prioritized fix report.

Official
Basic
gustavscirulisgustavscirulis
114

ux-spec

Generate UI/UX specifications with wireframes and design systems from PRDs.

Community
Advanced