functional-design

Translate PRDs into TypeScript interfaces, ER diagrams, and component designs.

Updated Jan 2, 2026

Search Tags:#mermaid #docs #ui-design #data-model #functional-design

One-click install

npx skills add https://github.com/yukikm/jpyc-concierge --skill functional-design-yukikm

Or copy as Structured Prompt for Agent▼

Please help me install this Agent Skill.
Skill: functional-design
Source: https://github.com/yukikm/jpyc-concierge/tree/main/.claude/skills/functional-design
Command: npx skills add https://github.com/yukikm/jpyc-concierge --skill functional-design-yukikm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It translates PRD into concrete system design, data models, components, and interface contracts to guide development.

Core Features & Use Cases

System Composition & Data Models: TS interfaces and ER diagrams.
Component Design: Expose clear interfaces for UI, service, and data layers.
API & UI Plans: Endpoint design and CLI/UI planning.

Quick Start

Build the functional design by modeling entities with TypeScript interfaces and Mermaid diagrams, following the template.