AI Agent Hub
Back to skills
Personal Workbench Generator icon

Personal Workbench Generator

AI Agent Updated 2026.08.30

Paste the following prompt into your AI chat to install this skill:

Please install @user_86156485/workbench-generator following https://skillhub.cn/install/skillhub.md.

About this skill

Problem

Personal workbenches often live scattered across local notes, prompts, HTML snippets, and style conventions, forcing collaborators to rebuild them from scratch. The Personal Workbench Generator condends this into a distributable single-file index.html: a vertical left-side navigation, seven functional pages, glassmorphism styling, local storage, and a floating “Today Overview” block. It can be delivered directly or handed over as a template for further editing.

How it works

The skill supports two modes: generator mode for “I need a workbench in my domain,” where it collects the domain, keywords, style, and prompts, then adapts assets/template/index.html by editing the top-level CONFIG, theme color, default projects/tasks, and sample copy; template-library mode for “I will edit it myself,” where the template is delivered as-is with guidance on changing CONFIG and page content. Core references such as references/workbench-spec.md, references/design-guide.md, and references/data-source-guide.md keep the seven-page structure, visual system, and data-source strategy consistent. scripts/build_workbench.cjs can be used for parameterized filling, and assets/examples/ercheng-taotao/ serves as a configured starting point.

Boundaries

Generated output should use neutral sample data by default and must not embed real account credentials, API keys, private links, or personal information. Sources such as Douyin, Xiaohongshu, or IMA notes appear only as accessible source names in comments or documentation; specific endpoints and keys are configured by the user. Before distribution, confirm that brand names, project names, and task names are properly authorized; for PWA or mobile access, deploy to static hosting and add a desktop icon.

Use Cases

  • Collect keywords, style, and theme color for a psychology domain to generate a customized seven-page workbench with a Today Overview.
  • Write existing prompts, style, and project copy into CONFIG and output a single-file HTML workbench that opens by double-click.
  • Hand over the template with instructions to change brand, domain, primary color, tasks, and projects in CONFIG.
  • Start from the example, replace only public configuration, and keep reserved interfaces without real keys or private links.

Best For

  • Independent developers who want to package a domain-specific workbench as a distributable file
  • Product owners who need to organize notes, prompts, and project lists into a fixed interface
  • Frontend engineers who want to provide partners a template that only requires CONFIG changes
  • Marketing operators who want to configure public brand, domain, and tasks into a demo workbench