agentsclimarketplace
Sign in

Page builder

Skill ComeOnOliver/skillshub/skills/aiskillstore/marketplace/aayushbaniya2006/page-builder

Helper for building landing pages and marketing sites using Tailark components.From its SKILL.md

Install
npx -y skills add ComeOnOliver/skillshub --skill page-builder

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

SKILL.md

1.6 KB, 350 tokens by cl100k_base, as published. Nobody here has run it

Page Builder Skill

This skill helps you construct high-quality marketing pages by selecting and composing pre-built "Tailark" components.

Workflow

  1. Analyze Requirement: Determine the type of page (Landing, Pricing, About, Contact) and the sections needed (Hero, Features, Social Proof, etc.).
  2. Select Components: Consult reference.md to pick the most suitable components for each section.
  3. Implementation:
    • Import the chosen components into your page.tsx.
    • Copy & Customize: Do not just import; feel free to copy the component code into a new local component (e.g., src/components/landing/my-hero.tsx) if you need to change text, images, or layout significantly.
    • Composition: Stack them in a semantic <main> tag.

Component Selection Strategy

  • Landing Page: HeroSection -> LogoCloud -> Features-12 -> WallOfLoveSection -> CallToAction.
  • Pricing Page: Pricing or PricingComparator -> FAQs.
  • About Page: Content-2 -> StatsSection -> TeamSection.
  • Contact Page: ContactSection.

Customization

All components are built with Tailwind CSS and Shadcn UI.

  • Icons: Uses lucide-react.
  • Images: Uses next/image. Replace placeholders with real assets.
  • Colors: Respects the global theme.

Reference

See reference.md for a complete list of available components with visual descriptions and recommendations.

What ships with it

28.8 KB alongside SKILL.md

GitHub clipped this repository’s file list, so this is at least 2 files and may be more.

Keep looking

Skills are one crate of 325,949. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.