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.