skills.rest
HealthSamurai
HealthSamuraiOFFICIAL
Explore all skills by this author →
Website𝕏@health_samuraiGitHub

page-builder

Create and modify web pages with server-side JSX and Tailwind CSS v4.

Updated Aug 23, 2026
Search Tags:#web development#routing#Tailwind CSS#UI components#JSX#page creation
One-click install
npx skills add https://github.com/HealthSamurai/health-samurai-io-bun --skill page-builder
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: page-builder
Source: https://github.com/HealthSamurai/health-samurai-io-bun/tree/main/skills/page-builder
Command: npx skills add https://github.com/HealthSamurai/health-samurai-io-bun --skill page-builder

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the process of creating and updating web pages for the Health Samurai website, enabling efficient content management and UI development.

Core Features & Use Cases

  • Page Creation: Generate new pages using server-side JSX and Tailwind CSS.
  • Section Integration: Add pre-built UI components like Hero, Bento, and ContactForm.
  • Dynamic Routing: Create pages with dynamic URL parameters.
  • Use Case: A marketing manager needs to quickly add a new landing page for an upcoming event. They can use this Skill to create the page structure, add a hero banner, and include a contact form, all within minutes.

Quick Start

Create a new page by adding a file to the src/pages/ directory.

Frequently Asked Questions about page-builder

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

FAQPage Schema
How do I create web pages with server-side JSX and Tailwind CSS?▼

Create web pages with server-side JSX and Tailwind CSS by adding files to the `src/pages/` directory. This supports file-based routing and the integration of pre-built UI components like Hero, Bento, and ContactForm.

Can I use dynamic routes for URLs when building website pages?▼

Yes, you can use dynamic routes when building website pages. The system supports dynamic URL parameters, allowing you to generate variable page structures alongside standard file-based routing.

Do I need a Bun development server to test dynamic routes and UI components?▼

Yes, you need a running Bun development server to test dynamic routes and UI components. A local Bun server is required for route verification and rendering server-side JSX during development.

What pre-built UI components can I integrate into my Tailwind CSS pages?▼

You can integrate pre-built UI components like Hero, Bento, and ContactForm into your Tailwind CSS pages. These sections streamline UI development by providing ready-to-use elements for website content.

What's the best way to add a landing page with a contact form using JSX?▼

The best way to add a landing page with a contact form using JSX is to create a file in `src/pages/`, build the page structure with server-side JSX, and integrate the ContactForm component for content management.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
Impertio-StudioImpertio-Studio
163

frappe-ops-website-deploy

Deploy static HTML/CSS assets as ERPNext/Frappe Web Pages via REST API.

Official
Advanced
JeroenJochemsJeroenJochems

tailwindcss-development

Style web applications using Tailwind CSS v4 utilities and CSS-first configuration.

Community
Intermediate
grvpanchalgrvpanchal
1

server-ssr

Coordinates SSR HTML generation, hydration, and data fetching for Next.js and Express applications.

Community
Advanced