basic-design-from-requirements

Generate basic design documents for web applications from requirement specifications.

Updated Feb 27, 2026
One-click install
npx skills add https://github.com/nonanryu-lang/portforio --skill basic-design-from-requirements
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: basic-design-from-requirements
Source: https://github.com/nonanryu-lang/portforio/tree/main/docs
Command: npx skills add https://github.com/nonanryu-lang/portforio --skill basic-design-from-requirements

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the creation and updating of basic design documents for web applications, transforming raw requirements into structured design specifications.

Core Features & Use Cases

  • Automated Design Generation: Creates comprehensive basic design documents based on provided requirements.
  • Structured Output: Covers screen design, functional specifications, data design, API design, and non-functional requirements.
  • Use Case: You have a set of user stories for a new e-commerce feature. Use this Skill to generate the initial basic design document, including API endpoints, database schema outlines, and UI mock-up descriptions.

Quick Start

Use the basic-design-from-requirements skill to create a basic design document from the provided requirements.

Frequently Asked Questions about basic-design-from-requirements

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

FAQPage Schema
How do I generate basic design documents from software requirements?

To generate basic design documents from software requirements, you provide raw requirement specifications to automate the creation of structured design outputs. This facilitates the transition from requirements to implementation-ready artifacts.

What sections are included in a web application basic design specification?

A web application basic design specification includes screen design, functional specifications, data design, API design, and non-functional requirements. These structured sections ensure comprehensive coverage of implementation details.

Can I automatically update existing design specifications when requirements change?

Yes, you can automatically update existing design specifications when requirements change. The functionality supports both generating new documents and updating existing ones to reflect modified requirement specifications accurately.

Does this approach work for deriving database schemas and API endpoints from user stories?

Yes, this approach works for deriving database schemas and API endpoints from user stories. It transforms feature requirements into comprehensive design documents including structured data design and API endpoints.

What is the best way to transition requirements into implementation-ready design artifacts?

The best way to transition requirements into implementation-ready design artifacts is to automate the structuring of raw inputs into defined sections like functional specifications and data design. This ensures comprehensive and consistent documentation.