Can I customize the brand identity of the generated site?

Absolutely. During the initial phase, you can specify brand colors, logo details, font preferences (defaulting to Inter), and specific section requirements.

Which CSS framework does this skill utilize?

It utilizes Tailwind CSS v4, leveraging its latest styling engine, theme variables, and performance improvements for modern web development.

Is the generated landing page optimized for search engines?

Yes, the skill automatically generates a Base layout that includes Open Graph meta tags, Twitter cards, canonical URLs, and JSON-LD Organization schema for better search visibility.

What is the recommended tech stack for running this skill?

The skill is optimized for Astro 5 using the Bun runtime and Node.js adapters, though it can be adapted to other JavaScript environments.

Does this skill write the copywriting for the landing page?

No, it focuses on the technical implementation. It is designed to work with structured input, often generated by a companion copywriting skill like 'writing-landing-page-copy'.

Landing Page Builder

Name: Landing Page Builder
Author: agentic-dev3o

byagentic-dev3o

•

デザインツール

Generates production-ready, SEO-optimized Astro 5 landing pages using Tailwind CSS v4 from structured copywriting content.

This skill automates the professional transformation of marketing copy into high-conversion web interfaces. It scaffolds a complete Astro 5 project environment, configures the modern Tailwind CSS v4 engine, and generates a suite of responsive, accessible components—including heroes, pricing tables, and testimonials—mapped to specific psychological persuasion principles. By handling technical debt like SEO meta tags, JSON-LD schema, and global design systems, it allows developers and marketers to launch high-performance, mobile-first landing pages with minimal manual coding.

主な機能

01Automated Astro 5 and Tailwind CSS v4 project scaffolding and configuration.

02Integrated SEO optimization including Open Graph tags and JSON-LD schema.

03Responsive, mobile-first design system with advanced Tailwind v4 effects.

04Built-in support for TypeScript, Bun, and Node.js adapters.

055 GitHub stars

06Component library mapped to psychological triggers like loss aversion and social proof.

ユースケース

01Building accessible, SEO-compliant marketing sites without manual boilerplate setup.

02Rapidly launching high-performance MVPs or product landing pages.

03Converting structured copywriting into a functional, styled frontend codebase.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentic-dev3o/devx-plugins building-landing-page

For use in Claude.ai and ChatGPT

Download Skill