Does this skill support modern UI frameworks?

Yes, it is specifically built for Next.js environments using Tailwind CSS, Shadcn UI, and Lucide-react icons.

Can I customize the pre-built components?

Yes, the skill is designed to let you copy component code to local files for deep customization of text, images, and layout logic.

How do I know which components to use for my page?

The skill provides a Component Selection Strategy that recommends specific stacks for Landing pages, Pricing pages, and About pages.

What components are included in the Page Builder skill?

It includes a variety of Tailark components such as Hero sections, feature grids, pricing tables, FAQs, and contact forms designed for marketing sites.

Page Builder

Name: Page Builder
Author: AayushBaniya2006

byAayushBaniya2006

0•

Design Tools

Streamlines the creation of high-quality marketing landing pages using a curated library of Tailark and Tailwind CSS components.

The Page Builder skill empowers developers to rapidly construct professional-grade marketing and landing pages within the Claude Code environment. By leveraging the Tailark component library, it provides a structured workflow for selecting, composing, and customizing pre-built sections like Hero areas, pricing tables, and social proof modules. This skill ensures visual consistency by utilizing Tailwind CSS and Shadcn UI, allowing for seamless integration and deep customization of icons, images, and brand-specific themes.

Key Features

01Visual consistency via global theme and Lucide-react icon support

02Component-based composition for Hero, Features, and Pricing sections

03Support for deep customization through local component overrides

04Automated selection strategy based on page type (Landing, About, Contact)

050 GitHub stars

06Seamless integration with Tailwind CSS and Shadcn UI

Use Cases

01Rapidly prototyping high-conversion landing pages for new web projects

02Creating professional 'About Us' and 'Contact' pages using structured components

03Building detailed pricing and comparison tables with pre-defined layouts

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add aayushbaniya2006/blinkfund page-builder

For use in Claude.ai and ChatGPT

Download Skill