Where are the specifications stored?

All generated documentation, including wireframes, flow diagrams, and the roadmap, are saved in a .shared/ folder within your target repository.

What tech stack does this skill support?

It is optimized for frontend-only applications using HTML, Tailwind CSS, and vanilla JavaScript (ES6+), utilizing LocalStorage or IndexedDB for data persistence.

How many agents are involved in the process?

The skill orchestrates 8 specialized agents, including an Interviewer, UI Sketcher, UX Spec Writer, Tech Architect, Mermaid Designer, Interactive Designer, Planner, and Browser QA expert.

Can it build backend services?

No, this skill is specifically designed for client-side applications and does not generate backend or server-side architecture.

When should I use this skill?

Use it at the beginning of a project when requirements are still vague and you need a comprehensive plan before starting the implementation phase.

Web App Development Consultant

Name: Web App Development Consultant
Author: Mineru98

byMineru98

0•

Productivity & Workflow

Orchestrates a multi-agent workflow to transform vague project ideas into comprehensive technical specifications for frontend-only web applications.

The Web App Development Consultant skill leverages eight specialized agents to bridge the gap between abstract concepts and production-ready plans. By utilizing a structured workflow—including requirement extraction, ASCII wireframing, UX philosophy, and data architecture—it generates a complete documentation suite for HTML, Tailwind CSS, and vanilla JavaScript projects. This skill is ideal for developers and stakeholders who need to formalize a project's scope, UI/UX flow, and technical roadmap before writing a single line of code, ensuring all client-side logic and storage needs are fully mapped out.

Key Features

01Automated generation of ASCII wireframes and Mermaid user flow diagrams

02Detailed technical architecture focused on LocalStorage and IndexedDB data persistence

03Multi-agent orchestration for specialized task handling including UI, UX, and Architecture

04Standardized project documentation covering MoSCoW priorities and development roadmaps

05Interactive animation specifications using Tailwind CSS patterns

060 GitHub stars

Use Cases

01Planning the UX and data flow of a client-side dashboard before development begins

02Converting a vague project request into a multi-phase technical specification and roadmap

03Creating professional project documentation for vanilla JS web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mineru98/dev-consultant-skills webapp-consultant

For use in Claude.ai and ChatGPT

Download Skill