creative-web

Recommends website design styles with font pairings, color palettes, and reference sites.

1|Updated Jun 29, 2026
One-click install
npx skills add https://github.com/natthasath/natthasath-marketplace --skill creative-web-natthasath
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: creative-web
Source: https://github.com/natthasath/natthasath-marketplace/tree/main/plugins/creative/skills/creative-web
Command: npx skills add https://github.com/natthasath/natthasath-marketplace --skill creative-web-natthasath

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Choosing a design direction for a website is hard when you lack a visual vocabulary — this Skill matches your project type or desired personality to one of 20 proven design styles, complete with ready-to-use fonts, hex colors, and real reference websites. ## Core Features & Use Cases - Style Matching: Accepts a style name (Minimal, Glassmorphism), a website type (Portfolio, SaaS, hospital), or a desired personality (Premium, Dark) and returns the best-matching design style, or 2-3 options for broad inputs. - Complete Design Specs: Each recommendation includes Thai and English font pairings, a color palette with hex codes, and a clickable reference website (e.g., Stripe, Linear, Apple) so you can see the style in action. - Use Case: You are building a landing page for a SaaS product and ask for a design direction — the Skill returns the Modern SaaS style with Inter/IBM Plex Sans Thai fonts, an indigo-purple palette, and a link to Stripe as a reference. ## Quick Start Invoke /creative:creative-web and describe the website you want, such as "ทำเว็บ portfolio ใช้ style อะไรดี" or "landing page SaaS ใช้สีไหน".

Frequently Asked Questions about creative-web

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

FAQPage Schema
How do I choose a design style for my website?▼

Describe your website type (portfolio, SaaS, hospital) or desired personality (premium, dark, playful) and the Skill matches it against 20 curated styles. Broad inputs return 2-3 options with short explanations of how they differ.

What font pairing should I use for a Thai and English website?▼

Each design style includes a recommended Thai font (such as IBM Plex Sans Thai, Sarabun, or Anuphan) paired with an English font (such as Inter or Manrope). Rare brand fonts like SF Pro come with Google Fonts fallback suggestions.

Can I get a color palette with hex codes for a SaaS landing page?▼

Yes, every style recommendation includes a color palette with hex codes shown as inline code for easy copying, such as Indigo #6366F1 and Purple #8B5CF6 for the Modern SaaS style.

Does this skill work with Tailwind or shadcn projects?▼

If you mention a tech stack like Tailwind or shadcn, the Skill can add notes on applying the palette and fonts to that stack. It does not add stack advice unless you ask for it.

What are the limitations of design style recommendations?▼

Recommendations are limited to the 20 predefined styles in the designs.json reference file. The Skill provides direction and references, not actual code, mockups, or custom style generation outside the catalog.