WEB BUILDING

Web Building Skills

The capabilities below are grouped into three tabs, and each maps to a self-hostable open-source project. Click a card title to open its repository; demo sites and on-site service links inside each summary are clickable too.

🔍Cloud Drive Search

Open-source project: github.com/fish2018/pansou

Self-host this repo as a Docker service with no database backend; it ships a front-end user-center demo at http://kuso.com. Subscribe to keywords and get a push to your phone via OnePass whenever new resources show up.

📚Online Knowledge Base

Open-source project: github.com/opendatalab/mineru

Converts local Markdown and PDF documents into content that search engines and AI agents can easily crawl and parse (pure front-end edition: https://www.phprm.com/app/pdf2html/). The backend uses webman + Node for conversion, and supports bulk-importing data into newly built sites.

🛒Overseas E-commerce System

Open-source project: gitee.com/sparkshop/sparkshop

An open-source system (https://ruoyi.com/) for new retail, chain-restaurant ordering, distribution / private-domain commerce, and cross-border standalone stores — easy to extend; contact the author if you need it.

🤖AI Data Ingestion

Open-source project: gitee.com/teakong/push-server

A SKILL.md skill written for AI agents (/mcp.html) that lets AI-collected data reach your website backend through a webhook, for long-term data collection.

📊HTML & Personal Website Analytics

Open-source project: gitee.com/teakong/danmu

Adds analytics to any website or offline HTML file: one line of script loading danmu.js with plugins=stat reports each visit, and the reports are viewable right here on this site.

🔥Trending List Updates

Open-source project: github.com/imsyy/DailyHotApi

An aggregator API of public trending endpoints from major Chinese media (http://hot.phprm.com/). When a list updates it pushes to the OnePass message market, and AI-generated analysis reports can be pushed to your phone; subscribe in the message market if you need it.

🔔Front-end SDK Push Integration for Websites

Open-source project: gitee.com/teakong/push-server-frontend

Connects any website member system (https://push.phprm.com/message/share.html) to OnePass through push-sdk.js — no backend dependency and no redirect. Registered members can bind their own push channels, and site admins only need to call the request API from any language to send subscribed messages to members.

🧠one-api

Open-source project: github.com/songquanpeng/one-api

A unified gateway for large-model APIs: it converts your API keys into custom keys with unified (OpenAI-style) parameters, and can be self-hosted. Unified API adapter for key management and redistribution. A single executable with a Docker image for one-click deployment, ready out of the box.

If you need any of these sites built, contact the author for source code and technical services. Contact details →

Web Building Skills & Technical Services

This page collects the web-building capabilities the author works with, grouped into an "All" tab plus three category tabs: Website Building, Analytics & AI, and Optimization & Delivery. Each one maps to a self-hostable open-source project — cloud drive search, an online knowledge base, an overseas e-commerce system, AI data ingestion, HTML and personal website analytics, trending-list updates, front-end SDK push integration for websites, and the one-api gateway for large-model APIs. Every card is a plain title, an open-source repository address and a short summary; clicking the title opens the repository, and the demo sites and on-site service links inside the summary are clickable too.

What you can do on this page

  • Switch between skill groups: the tabs at the top jump between All, Website Building, Analytics & AI, and Optimization & Delivery, each showing its own set of project cards.
  • Open the source repositories: all eight cards carry a repository address and a summary, covering a self-hosted cloud drive search site, a documentation knowledge base, an extendable e-commerce system, AI data collection, member-system push integration, visit analytics, trending API aggregation, and a large-model API gateway.
  • Open demos and on-site services: demo addresses, the MCP page and the message market linked in each summary can be visited directly.
  • Contact the author: if you need any of these sites built or extended, reach out via the email or QQ listed on the About page for deployable source code and ongoing technical support.

The card list follows the skill data file, so adding or revising a project updates this page without changing the layout.