How does PressLess handle icons and external assets?

PressLess enforces a strict no-emoji and no-CDN icon policy. It uses optimized inline SVGs for all iconography to ensure maximum performance and privacy.

Can I deploy the generated sites directly to GitHub?

Yes, if a GitHub token is available, PressLess can automatically create a repository and deploy your three site variants to separate branches.

Can I use PressLess to update an existing website?

Yes, PressLess includes a Management Mode that detects existing projects, analyzes their structure, and applies updates while maintaining design consistency.

What inputs does PressLess require to start?

To generate a site, provide a project name, a reference (such as a Figma URL or a live website link), and an optional mood description like 'minimalist' or 'modern'.

Does PressLess support responsive mobile design?

Absolutely. All generated code uses modern CSS custom properties, Flexbox, and Grid to ensure a fully responsive, mobile-first user experience.

PressLess Static Site Generator

Name: PressLess Static Site Generator
Author: giobi

bygiobi

0•

デザインツール

Generates high-performance static websites by extracting design systems from Figma files, live websites, or stylistic mood descriptions.

PressLess is an advanced Claude Code skill that automates the creation of professional static websites by analyzing external design references. It leverages browser automation to extract design systems from live URLs or Figma designs, then generates three distinct semantic HTML/CSS variants. Designed for speed and performance, it outputs clean, mobile-first code using modern CSS Grid and Flexbox layouts, with integrated support for local file management or automated GitHub repository deployment.

主な機能

01Automated design extraction from Figma URLs and live websites using integrated scraping tools.

02Generates three unique HTML5/CSS3 variants for every project to provide layout variety.

03Strict performance-first rules including inline SVG icons, zero external dependencies, and mobile-first responsiveness.

04Supports multiple deployment workflows including local storage and automated GitHub repository creation with branch previews.

050 GitHub stars

06Built-in design systems featuring curated typography pairings, color palettes, and modern grid layouts.

ユースケース

01Maintaining and updating existing static sites while ensuring design system consistency across new pages.

02Converting Figma design systems into production-ready, accessible static sites with minimal manual coding.

03Rapidly prototyping landing pages by referencing existing brand aesthetics or competitor websites.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add giobi/claude-skills pressless

For use in Claude.ai and ChatGPT