SkillsAdd

mineru98/dev-consultant-skills · Archived

webapp-consultant

Transform vague requirements into detailed specifications for HTML + Tailwind + vanilla JS web apps. Use when customers describe features vaguely, need project documentation, or want technical specifications without backend.

First seen Apr 7, 2026

Installation

$ npx skills add mineru98/dev-consultant-skills --skill webapp-consultant
View on skills.sh ↗ GitHub repository ↗

Stronger alternatives

This repository is archived — consider an actively maintained alternative.

tauri-app-consultant Same source
mineru98/dev-consultant-skills

Tauri 기반 크로스플랫폼 데스크톱/모바일 앱 개발 컨설턴트

1 installs
mobile-web-consultant Same source
mineru98/dev-consultant-skills

모바일 친화적 PWA/반응형 웹앱 개발 컨설턴트

1 installs
chrome-extension-consultant Same source
mineru98/dev-consultant-skills

Chrome 확장 프로그램 개발 컨설턴트

1 installs
webapp-testing Similar · more installs
anthropics/skills

Toolkit for interacting with and testing local web applications using Playwright. Supports veri…

152.3K installs

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

azure-rbac Shared topics
microsoft/azure-skills 489K installs
mckinsey-consultant Similar name
fleurytian/awesome-claude-skills

McKinsey顾问式问题解决系统。从商业问题出发,通过假设驱动的结构化分析方法,生成McKinsey风格研究报…

1.3K installs
mckinsey-consultant Similar name
mann1988/awesome-claude-skills

McKinsey顾问式问题解决系统。从商业问题出发,通过假设驱动的结构化分析方法,生成McKinsey风格研究报…

1.1K installs
fda-consultant-specialist Similar name
alirezarezvani/claude-skills

FDA regulatory consultant for medical device companies. Provides 510(k)/PMA/De Novo pathway gui…

794 installs
fda-consultant-specialist Similar name
davila7/claude-code-templates

Senior FDA consultant and specialist for medical device companies including HIPAA compliance an…

358 installs
multi-ai-consultant Similar name
secondsky/claude-skills

Consult external AIs (Gemini 2.5 Pro, OpenAI Codex, Claude) for second opinions. Use for debugg…

344 installs

Also in this package

Other skills from mineru98/dev-consultant-skills.

npx skills add mineru98/dev-consultant-skills
tauri-app-consultant 1 mobile-web-consultant 1 chrome-extension-consultant 1

Browse all from mineru98/dev-consultant-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Also listed on

Alternate registries and mirrors of this skill.

Repository health

Stars 1
License LICENSE
Default branch main
Open issues 0
Status Archived

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 3,594 B
  • docs SUMMARY.md 249 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1 installs

SKILL.md

Web App Development Consultant

Orchestrates 8 specialized agents to transform vague customer requests into complete project specifications.

Tech Stack

  • Frontend: HTML + Tailwind CSS + vanilla JavaScript (ES6+)
  • Storage: LocalStorage (settings) + IndexedDB via localbase (data)
  • Backend: None (client-side only)

Agent Workflow

Customer Request (vague)
        ↓
  [1. Interviewer] ← Extract requirements
        ↓
  [2. UI Sketcher] → ASCII wireframes
        ↓
  [3. UX Spec Writer] → Technical spec with UX philosophy
        ↓
  ┌─────┼─────┐ (Parallel)
  ↓     ↓     ↓
[4]   [5]   [6]
Tech  Mermaid Interactive
Arch  Designer Designer
  └─────┼─────┘
        ↓
  [7. Planner] → Development roadmap
        ↓
  [8. Browser QA] → Quality verification

8 Agents

# Agent Output Purpose
1 Interviewer 01-requirements.md Extract clear requirements
2 UI Sketcher 02-wireframes.md ASCII wireframes
3 UX Spec Writer 03-ux-specification.md UX spec with Norman/Nielsen
4 Client Tech Architect 04-tech-architecture.md Data architecture
5 Mermaid Designer 05-flow-diagrams.md User flow diagrams
6 Interactive Designer 06-animations.md Tailwind animations
7 Planner 07-roadmap.md MoSCoW priorities, phases
8 Browser QA 08-qa-report.md QA test report

.shared Folder

All agents write outputs to .shared/ in the target repository:

[target-repo]/.shared/
├── 01-requirements.md
├── 02-wireframes.md
├── 03-ux-specification.md
├── 04-tech-architecture.md
├── 05-flow-diagrams.md
├── 06-animations.md
├── 07-roadmap.md
└── 08-qa-report.md

Execution Order

Sequential Phase

Interviewer → UI Sketcher → UX Spec Writer

Parallel Phase

Client Tech Architect + Mermaid Designer + Interactive Designer

Final Phase

Planner → Browser QA

Agent Delegation

TASK: [Goal]
EXPECTED OUTCOME: [Deliverable]
REQUIRED AGENT: [Agent name]
CONTEXT: [File paths, constraints]

MUST DO:
- [Requirement 1]
- [Requirement 2]

MUST NOT DO:
- [Forbidden action]

When to Use

Use when:

  • Customer request is vague or unclear
  • Planning new web app from scratch
  • Need comprehensive documentation before coding
  • Building HTML + Tailwind + vanilla JS app
  • Client-side only (no backend)

Don't use when:

  • Requirements already crystal clear
  • Building backend/server-side application
  • Need framework-specific planning (React/Vue)
  • Just need quick prototype

Final Output

Comprehensive Markdown specification containing:

  1. Requirements document
  2. ASCII wireframes
  3. UX specification with philosophy
  4. Technical architecture
  5. Flow diagrams (Mermaid)
  6. Animation specifications
  7. Development roadmap
  8. QA report

Reference Files

Task Reference
Overall workflow references/workflow.md
Agent coordination references/shared-folder-spec.md
Common tools references/common-agent-tools.md
Detailed guide references/skill-detailed-guide.md
Usage examples references/skill-usage-examples.md