skills.rest
LudwigAJ
LudwigAJCOMMUNITY
Explore all skills by this author →
GitHub

Website

Guide front-end implementation and review for fast, accessible websites.

Updated Apr 8, 2026
Search Tags:#performance#html#accessibility#frontend#css#website#seo
One-click install
npx skills add https://github.com/LudwigAJ/swell --skill website-ludwigaj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Website
Source: https://github.com/LudwigAJ/swell/tree/main/.factory/skills/website
Command: npx skills add https://github.com/LudwigAJ/swell --skill website-ludwigaj

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you build and review modern websites that are fast, accessible, mobile-friendly, and ready for launch, reducing common front-end mistakes that hurt users and search visibility.

Core Features & Use Cases

  • Performance guidance for images, CSS, fonts, and third-party scripts helps improve load time and reduce layout shift.
  • Accessibility checks cover semantic HTML, color contrast, labels, keyboard support, and heading structure for inclusive experiences.
  • SEO and launch readiness guidance covers metadata, social previews, sitemap setup, 404 pages, and uptime monitoring.
  • Use it when creating a landing page, auditing an existing site, or preparing a product website for production.

Quick Start

Ask for a website review that checks performance, accessibility, mobile layout, semantic HTML, and SEO best practices.

Frequently Asked Questions about Website

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

FAQPage Schema
How do I fix slow website load times and reduce layout shift?▼

Improve slow website load times and reduce layout shift by applying best-practice handling of images, CSS, fonts, and third-party scripts. This front-end optimization directly enhances load speed and visual stability.

What is the best way to check website accessibility and semantic HTML structure?▼

Checking website accessibility involves validating semantic HTML, color contrast, ARIA labels, keyboard support, and heading structure. These inclusive experience checks ensure your site is navigable for all users.

How do I prepare a landing page for launch with proper SEO metadata?▼

Prepare a landing page for launch by validating SEO and launch readiness through proper metadata, social previews, sitemap setup, 404 pages, and uptime monitoring to ensure full production quality.

Can I use this to audit an existing marketing site for mobile-first layouts?▼

Yes, you can audit an existing marketing site to validate its mobile-first layouts, front-end implementation, and pre-launch quality checks. It guides reviews for landing pages, blogs, and product pages.

Why does my website fail pre-launch quality checks for mobile and SEO?▼

Your website fails pre-launch quality checks due to common front-end mistakes like poor mobile layout, missing semantic structure, inadequate metadata, and unoptimized assets that hurt users and search visibility.

Related Skills

Explore More Software Engineering Skills→
dolsoondolsoon

moai-lang-html-css

Generate semantic HTML5 markup and modular CSS with WCAG 2.1 AA accessibility.

Community
Basic
allthingslinuxallthingslinux
1

uptime-monitoring

Automate HTTP endpoint health checks and export uptime data via a public API.

Official
Advanced
PostalocityPostalocity
1

frontend-ui-ux-engineer

Define frontend design standards for visuals, typography, and accessibility.

Official
Intermediate
MatheusrlrMatheusrlr
1

subagent-creator

Creates AI subagents with isolated contexts for specialized, multi-step workflows.

Community
Basic