awesome-design-html
Brand-faithful HTML landing pages and iOS app mockups
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow to install awesome-design-html?▼
Run `npx skills add yzfly/awesome-design-html --all -g -y` in your terminal to install the full design reference library globally.
How to make a landing page in a famous brand's style?▼
Just name the brand, like 'make a Linear-style product page', and the skill reads the matching HTML reference to apply that brand's real colors, fonts, and button shapes.
Which brands are included in this library?▼
It covers 96 web marketing pages and 22 iOS mockups, including Stripe, Notion, Apple, Figma, Spotify, Instagram, plus Chinese brands like WeChat, Alipay, and Xiaomi.
Can I use the HTML files without any coding skill?▼
Yes. Every demo is a single self-contained HTML file you can open in a browser, save, and edit directly without any build steps.
Does it work with Claude Code and Cursor?▼
Yes. It follows the standard SKILL.md format and loads automatically in Claude Code, Cursor, and other compatible coding environments when you mention a brand name.
Related Repositories in Design & Creative
View All in Design & Creative→
nextlevelbuilderui-ux-pro-max-skill
AI design intelligence for professional UI, brands, and presentations
shadcn-uiui
Build and customize beautiful React component libraries with AI
nexu-ioopen-design
Open-source AI design studio for decks, prototypes, images, and video