Claude MarketplacesSubmit
ihlamury avatar

Airbnb Ui Skills

ihlamury/design-skills

This is a comprehensive design constraint system for building Airbnb-style interfaces with AI coding agents. It locks down specific values like the #FEFEFE page background, Inter font, 4px spacing grid, and a tight border-radius scale (11px, 12px, 13px, 14px, 28px). The semantic color tokens are well-defined, though the skill itself notes the palette could be leaner at 13 colors. What's useful here is the opinionated nature: it tells the AI exactly what spacing values and font weights are allowed, which cuts down on the usual back-and-forth of "make it look like Airbnb." Good for prototyping or internal tools where you want that clean, light aesthetic without reinventing decisions.

skills.sh installs
407
GitHub stars
105
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add ihlamury/design-skills --skill airbnb-ui-skills --agent claude-code

Installs into .claude/skills of the current project.

Files

Airbnb UI Skills

Opinionated constraints for building Airbnb-style interfaces with AI agents.

When to Apply

Reference these guidelines when:

  • Building light-mode interfaces
  • Creating Airbnb-inspired design systems
  • Implementing UIs with Inter font and 4px grid

Colors

  • SHOULD use light backgrounds for primary surfaces
  • MUST use #FEFEFE as page background (surface-base)
  • SHOULD reduce color palette (currently 13 colors detected)
  • MUST maintain text contrast ratio of at least 4.5:1 for accessibility

Semantic Tokens

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/ihlamury/design-skills
Categories
Frontend Development, Design & UI/UX
First seen
Jun 3, 2026

More from ihlamury/design-skills

All 10

Recommended

More Frontend Development
1arjenschwarz avatarui-ux-reviewerarjenschwarz/agentic-codingEvaluate and improve user experience of interfaces (CLI, web, mobile)405skills.sh installs
2gonzalochale avatarviral-tiktok-hooksgonzalochale/skillsGenerates viral-style TikTok slide scripts with multiple formats, angles, and voices. Use this skill whenever someone asks for TikTok content, slide scripts, sh388skills.sh installs
3sickn33 avatarangular-state-managementsickn33/antigravity-awesome-skillsangular state management372skills.sh installs
4claudekit avatarfrontend-design-proclaudekit/frontend-design-pro-demoCreates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-ge369skills.sh installs
5thedivergentai avatargodot-ui-themingthedivergentai/gd-agentic-skillsExpert blueprint for UI themes using Theme resources, StyleBoxes, custom fonts, and theme overrides for consistent visual styling. Covers StyleBoxFlat/Texture, 363skills.sh installs
6dchuk avatarcalling-rust-from-tauri-frontenddchuk/claude-code-tauri-skillsGuides the user through calling Rust backend functions from the Tauri frontend using the invoke function, defining commands with the361skills.sh installs