Tencent Docs to H5
Tencent Docs to H5 Pages
Tencent Docs to H5
Tencent Docs to H5 Pages
Showcase
Description
Convert Tencent online documents into deployable mobile H5 pages. Designed for non-technical users, it supports the complete workflow from requirement clarification, data extraction, page development, self-verification to deployment guidance. Suitable for scenarios such as enrollment promotion, product introductions, event pages, etc. Demo: https://exam.reactmobile.cn/jzhx/index.html
Related Skills
View all
One-Click H5 Workspace
A full-workflow generator for single-file HTML tracking workspaces. Use this Skill when users ask to create an “XX workspace,” logging app, check-in app, tracker, or diary app—such as a mindfulness log, sleep check-in, fitness tracker, or 21-day habit builder—and want it to work on mobile with data saved locally. It covers the complete workflow, from requirements confirmation and single-file HTML development to minimalist magazine-style design, localStorage persistence, PWA deployment, QR code generation, and H5 deployment through a WeChat Official Account. Trigger words: workspace, check-in, daily log, tracker, single-file app, H5 app.
Activity Case Study Page
Turn an activity or lesson plan—or a spoken activity overview—along with several real event photos into a landscape 16:9 single-page “Activity Case Study.” The skill first extracts the activity theme, subtitle, activity details, key vocabulary, activity flow, and educational goals, then lays out the text and photos in a warm, hand-drawn picture-book style. The result is a single-page HTML file ready to display or export as an image. It’s suitable for preschool and children’s activities, community parent-child events, and course recaps. It uses a standard flow layout throughout (CSS Grid / Flexbox), without absolute positioning for text, to ensure there are no scrollbars, no text or image overlap, and no distorted photos. It also supports slight photo rotation and subtle layering to give the finished page a warmer handmade feel.
WebpageOne-Click Courseware to Web
Turn your courseware into a viewable website. Whether you have a Markdown note, a PDF paper, a PPT slides, or a plain text script, or even a public account link, One-Click Courseware to Web can automatically convert it into a clear, beautifully designed online course display webpage. You don't need to write a single line of code—just provide the content. Two display styles: - Course training content → generates a scrolling long page, like flipping through a book. - Paper/report content → generates a PPT-style page-turning website, like browsing slides one by one. Responsive design adapts to mobile and desktop. What you need to do: Just one step: provide your courseware content. Supported formats: .md Markdown files, .pdf PDF documents, .pptx PPT presentations, .txt plain text. You can also paste course content directly in the conversation. Example commands: "Turn these lecture notes into a webpage" "Make this PDF paper into a PPT-style website" "Here is my courseware content, generate an online display page" What you get: A directly accessible online course display website, with the display mode automatically determined. Your content automatically selects the effect: - Course outlines, training handouts, textbooks → scrolling long pages, modules naturally connected, scroll to browse. - Academic papers, research reports → PPT-style slide flipping, each page focuses on one point. - Speeches, meeting reports → PPT-style page-by-page display, supports keyboard/click navigation. If you explicitly request "scrolling" or "PPT", your request is respected. Content extraction capability: For information-dense papers and long texts, the skill automatically performs: - Structure decomposition: splits continuous discourse into independent chapters/slides. - Information condensation: condenses three paragraphs into three key points, each within 20 characters. - Thesis-first: each page gives the conclusion first, then supporting arguments. - Framework visualization: models and classification systems are presented with charts instead of plain text. - Data highlighting: key numbers and metrics are displayed on separate pages prominently. Subsequent modifications: After the website is generated, you can request adjustments at any time: "Update the content of module three" "Change the color scheme to warm tones" "Add a course roadmap" "Change this module to a timeline layout" Modifications only affect the corresponding part; you don't need to regenerate the entire website. What it does not do: This skill currently focuses on course content display and does not include the following LMS (Learning Management System) features: - User login/registration - Learning progress tracking - File download - Online quizzes/practice If you need these features, they are separate extensions.
Information
- Version
- v4
- Last updated
- Runtime credits
- Usage-based
- Models
- Auto
