Knowledge Site Creator
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.
Related Skills
End-to-end mathematical optimization modeling with Gurobi and Python, covering data validation, code generation, solving, result analysis, and iterative revision.
Executes an Eversheet Web CDP login using externally supplied baseUrl, username, and password, then verifies the page reaches a logged-in home state.
Clarify product goals, user flows, pages, data, and permissions, then output an implementation-ready development prompt and lightweight spec.
A pure-Python Agent skill for full-screen, window, and scroll screenshots with annotation, mosaic blur, and color picking.