design-taste

Name: design-taste
Availability: InStock
Author: leessju

Generate standalone HTML landing pages with Tailwind CDN and Pretendard typography.

Updated Apr 11, 2026

Search Tags:#html #conversion #tailwind #ui-design #design-system #landing-page #korean-typography

Ready to run

npx skills add https://github.com/leessju/claude-skills --skill design-taste-leessju

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-taste
Source: https://github.com/leessju/claude-skills/tree/main/design-taste
Command: npx skills add https://github.com/leessju/claude-skills --skill design-taste-leessju

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

페이지 디자인과 구현의 시간과 비용을 대폭 줄이면서, 순수 HTML + Tailwind CDN 기반으로 고품질 랜딩 페이지를 자동 생성합니다. 기존 LLM 편향으로 인한 일반 템플릿의 문제를 극복하고, KPI 중심의 설계와 한글 타이포그래피 규칙을 강제합니다.

Core Features & Use Cases

프리미엄 랜딩 페이지 생성: Tailwind CDN으로 즉시 실행 가능한 독립 HTML 출력.
한글 친화적 타이포그래피: Pretendard 기반 한국어 우선 서체 체계 및 일관된 영어 디스플레이 폰트 조합.
디자인 시스템 적용: 하나의 팔레트, 하나의 액센트 색상, 접근성 가이드라인 준수로 Conversion 최적화.
Use Case: SaaS 런칭 페이지, 마케팅 이벤트 랜딩, 포트폴리오 프로모션 페이지.

Quick Start

Provide your design brief and generate a ready-to-deploy standalone HTML page with Tailwind CSS via CDN.

Frequently Asked Questions about design-taste

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

FAQPage Schema

How do I generate a landing page with Tailwind CDN and pure HTML?▼

To generate a landing page with Tailwind CDN and pure HTML, provide a design brief to get a standalone, ready-to-deploy HTML file with inline styles and scripts. The output uses Tailwind CDN for styling and requires no external build process.

Can I use Korean typography Pretendard font for SaaS landing pages?▼

Yes, Korean typography using the Pretendard font is applied natively for SaaS landing pages. The design system enforces a Korean-first typography hierarchy paired with consistent English display fonts for optimal readability.

What is the best way to build a responsive portfolio page with Tailwind CSS?▼

The best way to build a responsive portfolio page with Tailwind CSS is to generate a standalone HTML file with deterministic layouts and accessibility compliance. It includes inline scripts, Iconify icons, and placeholder images from picsum for immediate deployment.

Does this landing page generator support conversion-focused marketing campaigns?▼

Yes, this landing page generator supports conversion-focused marketing campaigns by enforcing a single color palette, one accent color, and strict accessibility guidelines. It outputs deterministic layouts optimized for KPI-driven SaaS and ecommerce pages.

Do I need a build environment to use Tailwind CDN for ecommerce landing pages?▼

No, you do not need a build environment to use Tailwind CDN for ecommerce landing pages. The generated output is a pure HTML file with inline styles and scripts, loading Tailwind directly via CDN for immediate execution in any browser.