create-page

Generate Viben workspace page directories with SDK and token files.

2|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/LinXueyuanStdio/viben --skill create-page-linxueyuanstdio
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-page
Source: https://github.com/LinXueyuanStdio/viben/tree/main/.claude/skills/create-page
Command: npx skills add https://github.com/LinXueyuanStdio/viben --skill create-page-linxueyuanstdio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Viben workspace users need a consistent, correct way to add new pages (static HTML apps, markdown docs, dev-server pages, or proxy pages) without manually wiring the required SDK, tokens, and conventions.

Core Features & Use Cases

  • Creates new page workspaces by generating the required pages/<slug>/ directory structure for the selected page type.
  • Supports multiple page types including static (default), markdown, server (dev server with a readiness pattern), and proxy (embedded external service).
  • Enforces Viben page conventions such as using the viben-page-sdk.js and viben-page-tokens.css for static pages and following the design-system rules for tokens, typography, spacing, and motion/accessibility.

Quick Start

Ask the assistant to create a new static page named “About” with the slug “about” in your Viben workspace.

Frequently Asked Questions about create-page

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create static HTML pages in a Viben workspace?

To create static HTML pages in a Viben workspace, you generate a `pages/<slug>/` directory structure with the required entry files, automatically wiring the `viben-page-sdk.js` and the token stylesheet to ensure design-system compliance.

What is the correct way to add markdown docs to my Viben workspace?

Adding markdown docs to a Viben workspace involves generating a dedicated `pages/<slug>/` directory configured for the markdown page type, ensuring the correct page skeleton and frontmatter conventions are applied automatically.

Can I set up a dev server page with a readiness pattern in Viben?

Yes, you can set up a dev server page in Viben by selecting the server page type, which generates the required `pages/<slug>/` configuration with a readiness pattern to properly proxy your local or hosted development server.

Do I need to manually wire UI tokens and the page SDK for static pages?

No, you do not need to manually wire UI tokens or the page SDK for static pages, because the page creation process automatically generates the entry files that include both the `viben-page-sdk.js` and `viben-page-tokens.css`.

What's the best way to embed an external service into a Viben workspace page?

The best way to embed an external service is to create a proxy page in your Viben workspace, which generates the correct `pages/<slug>/` skeleton to safely integrate and display the external service within the platform.