bys-personal-dashboard

Generates personalized mobile-first personal dashboard web apps through a guided interview workflow.

56|9|Updated Jul 31, 2026
One-click install
npx skills add https://github.com/qkgecn93/bys-personal-dashboard --skill bys-personal-dashboard-qkgecn93
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: bys-personal-dashboard
Source: https://github.com/qkgecn93/bys-personal-dashboard
Command: npx skills add https://github.com/qkgecn93/bys-personal-dashboard --skill bys-personal-dashboard-qkgecn93

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires Pillow, jsdom, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve? Non-technical users who want a personal daily-use dashboard (habits, expenses, weight, todos) on their phone cannot build one themselves, and generic templates never fit their actual life. This Skill interviews the user like a product manager, then produces a fully personalized, deployable mobile web app whose data stays on the user's own device. ## Core Features & Use Cases - Guided requirement interview: Translates open-ended life scenarios into a concrete feature list with three-tier cost labels (local / content / online), with four explicit user checkpoints before building. - Real HTML style previews: Offers 8 preset style packs and generates a clickable HTML preview with the user's real features, instead of unbuildable AI-generated mockups. - Local-first PWA output: Produces a minimal three-file project (index.html, manifest.json, icon.png) installable to the phone home screen, with optional two-device sync via EdgeOne edge functions. - Quality gates and iteration: Ships validation and smoke-test scripts, plus a generated config file so later changes ("add a water reminder") resume without re-interviewing. - Use Case: A content creator who is also losing weight says "I want my own dashboard". The Skill interviews her, proposes features like topic pool, weight tracking, and bookkeeping, previews three styles on her phone, then delivers a deployed app she opens from her home screen every day. ## Quick Start Install the Skill into your runtime's skills directory, start a new session, and say "初始化不一书个人工作台生成器" to begin the guided interview.

Frequently Asked Questions about bys-personal-dashboard

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

FAQPage Schema
How do I build a personal dashboard web app without coding?

Install this Skill and say the initialization phrase to start a guided interview. It asks about your daily routines, proposes a feature list, shows clickable HTML style previews, then generates and deploys a mobile web app you can add to your phone home screen.

How do I add a web app to my iPhone home screen?

Open the deployed link in Safari (not WeChat's built-in browser), tap the share button, and choose Add to Home Screen. iOS gives home-screen web apps isolated storage that is not cleared by Safari's 7-day rule.

Where is my data stored when using a local-first web app?

All records stay in your own device's browser localStorage under a dedicated namespace; the deployed public site is only an empty shell. API keys use a separate secret namespace that is excluded from backup exports.

Can a static web page sync data between phone and computer?

Yes, via an optional EdgeOne Pages edge function backend with username-plus-password auth, salted password hashing, and entry-level merge with tombstones. It is local-first, so the app keeps working offline, but sync requires Git-based deployment instead of drag-and-drop upload.

Why can't my web page call a third-party API directly?

Browser CORS policy blocks cross-origin fetch unless the API returns an Access-Control-Allow-Origin header, which no frontend code can bypass. Test the API with curl first; if it fails, use a redirect-link fallback or an edge-function proxy.

What are the limitations of a pure frontend personal dashboard?

It cannot send push reminders, run scheduled tasks, or perform background automation, and localStorage holds only 5-10MB so photos must be canvas-compressed before saving. Features needing real-time external data require user-supplied API keys.