AI Agent Hub
Back to skills
Knowledge Site Creator icon

Knowledge Site Creator

Development Updated 2026.08.29

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

Please follow https://skillhub.cn/install/skillhub.md and install @user_f65abb13/knowledge-site-creator.

About this skill

Problem

Building a themed learning site by hand often repeats the same work: copy, card data, learning paths, local progress, styling, and deployment details. Copying a template can start quickly, but different topics can mix together, code boundaries become unclear, and specific pages can be mistaken for reusable architecture.

How it works

knowledge-site-creator breaks the job into an executable flow: analyze the topic, audience, and tone, then generate wordData.js and siteConfig.js, and create pages using references such as design-system.md and core-patterns.md. Core capabilities include:
- Flashcards for quick recall and card flipping
- Learn for progressive cards and mastered-item marking
- Quiz for concept checks and feedback
- Index for search, filters, and a card grid
- Progress for stats, achievements, and local tracking

The specification also requires release details: wrap LocalStorage calls in try-catch, avoid unescaped content in innerHTML, check DOM nodes before use, include meta, sitemap.xml, and robots.txt, and generate manifest.json plus sw.js for PWA offline access.

Boundaries

This fits structured concept sites, learning workshops, or installable personal knowledge sites. Clear, discrete entries work best; complex curricula, authentication, real-time data, or backend services are outside the described scope. Deployment and batch updates depend on the target environment and scripts, so check styles, affected projects, and rollback behavior first.

Use Cases

  • When discrete concepts need reviewable pages, use it to generate flashcard, index, and progress sites.
  • To deliver a deployable learning workshop, produce index, learn, and detail pages from the design system.
  • To review frontend details, enforce LocalStorage error handling, XSS protection, and required meta tags.
  • After updating shared styles, trigger batch CSS updates, backups, and redeployment for existing sites.

Best For

  • Frontend engineers: need to turn topic concepts into deployable pages that follow a design system.
  • Indie developers: need personal knowledge sites with PWA offline support, SEO, and local progress.
  • Technical writers: need to turn terms, principles, or methods into flashcards, indexes, and quizzes.
  • Small-team maintainers: need to manage style updates, backups, and rollback across learning sites.