skills.rest
adam-s
adam-sCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

app

Builds a complete application from a plain-language description through interactive discovery and dashboard construction.

Updated Mar 16, 2026
Search Tags:#full-stack#next.js#dashboard#web scraping#api discovery#app builder#proxy routes
One-click install
npx skills add https://github.com/adam-s/api-interceptor --skill app-adam-s
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: app
Source: https://github.com/adam-s/api-interceptor/tree/main/.claude/skills/app
Command: npx skills add https://github.com/adam-s/api-interceptor --skill app-adam-s

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Turning a rough idea like "compare ticket prices across sites" into a working application normally requires manual API reverse-engineering, route building, and frontend work. This Skill orchestrates that entire pipeline interactively, asking clarifying questions instead of guessing. ## Core Features & Use Cases - Interactive Requirements Gathering: Asks the developer about target sites, data fields, pagination, cross-site matching keys, and dashboard layout before writing any code. - Guided API Discovery: Explores each site with a connected browser, confirms findings with the developer, writes a spec, then builds and tests a domain plugin with typed proxy routes. - Dashboard Construction: Builds a Next.js page against cached real API responses, iterating with screenshots via the visual-dev skill, and optionally calls a Python sidecar for NLP, fuzzy matching, or ML tasks. - Use Case: Describe "track Hacker News trends over time" and the Skill asks which data you need, discovers the HN API, builds proxy routes, caches responses, and delivers a verified dashboard on localhost:3000. ## Quick Start Tell the agent to build an app that compares ticket prices across two sites with a side-by-side dashboard view.

Frequently Asked Questions about app

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

FAQPage Schema
How do I build an app from a plain-language description?▼

Describe what you want in natural language, such as comparing prices or tracking trends. The Skill asks clarifying questions about sites, data fields, and views, then discovers the APIs, builds proxy routes, and constructs a Next.js dashboard.

How do I turn a website into a typed JSON API?▼

Provide a specific URL with the data you want. The Skill connects a browser, captures network traffic, identifies JSON, GraphQL, or SSE transports, and builds tested proxy routes on localhost:3001 that return clean JSON.

Can I build only the API without a dashboard?▼

Yes. During Phase 0 classification, choose API-only mode. The Skill runs the discovery and domain plugin phases, delivers tested proxy routes with sample responses, and skips dashboard construction entirely.

Does the dashboard work without hitting the live website?▼

Yes. The Skill caches real API responses for list views, detail pages, pagination, and edge cases before building the UI. Dashboard iteration uses this cached data, avoiding live browser sessions, rate limits, and WAF interference.

When should I use the Python bridge for my app?▼

Use the Python sidecar when your spec involves sentiment analysis, fuzzy entity matching across sites, outlier detection, clustering, or price prediction. It runs as a service that route handlers call via IPC for numpy, pandas, and scikit-learn workloads.

Related Skills

Explore More Software Engineering Skills→
brandon-frysliebrandon-fryslie
4

firecrawl-map

Discover and filter website URLs with search queries.

Community
Intermediate
GenEducationGenEducation

canary

Detect post-deploy regressions by checking page health, console errors, performance, and visual changes.

Official
Advanced
mdmagnuson-creatormdmagnuson-creator

screenshot

Capture Playwright screenshots of web pages in light and dark themes.

Community
Intermediate
NicktheQuickFTWNicktheQuickFTW

frontend-ui-integration

Implement typed, tested React/TypeScript workflows integrating with existing backend APIs.

Community
Intermediate