skills.rest
leessju
leessjuCOMMUNITY
Explore all skills by this author →
GitHub

design-taste

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
One-click install
npx skills add https://github.com/leessju/claude-skills --skill design-taste-leessju
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
inference-shinference-sh
688

landing-page-design

Optimize landing page layout, hero sections, and CTA psychology for conversion.

Official
Intermediate
Fantasia1999Fantasia1999

landing-page-generator

Generate Next.js/React TSX landing pages with Tailwind CSS and SEO meta tags.

Community
Advanced
wukangcheng2944wukangcheng2944

icon-finder

Search six Iconify libraries and deliver icons as SVG or components.

Community
Intermediate
AndresOrozcoDevAndresOrozcoDev

frontend-landings

Generate single-file HTML landing pages with Tailwind CSS and Anime.js via CDN.

Community
Advanced