Loading...
Loading...
Found 370 Skills
Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements.
A modern, graphic, editorial-poster aesthetic — warm and confident — built on alternating cream and burnt orange sections, an amber brand color.
Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity.
Use this skill whenever the user wants to build, scaffold, modify, debug, or ship a web application, including React/Vite/Next.js/Vue/Svelte apps, full-stack prototypes, dashboards, landing pages with interactivity, games, admin panels, CRUD apps, API-backed UIs, authentication flows, database-connected apps, or when they say things like "build a web app", "make a frontend", "create a SaaS prototype", "turn this idea into an app", "搭建 Web 应用", "做一个网站应用", or "帮我开发前端". This skill should trigger even if the user does not explicitly mention a framework, because it guides framework selection, project structure, implementation, testing, live preview, and Git commits after each working slice.
Apply the Law of Proximity to group related elements through spatial relationships.
Create clear primary/secondary/tertiary action distinctions
When implementing or reviewing web interfaces, refer to this set of practical guidelines from the Traditional Chinese version of raunofreiberg/interfaces' *Web Interface Guidelines* to ensure that details such as interactivity, visuals, and accessibility meet the expectations of a 'good interface'.
Skeleton UI component library for Svelte applications. Built on Tailwind CSS with comprehensive theming, design tokens, and accessible components. Expert patterns for layouts, forms, data display, and navigation. USE WHEN: user mentions "Skeleton UI", "Skeleton Svelte", asks about "Svelte component library", "Tailwind + Svelte", "Skeleton components", "Svelte design system", "Skeleton theming" DO NOT USE FOR: Other UI libraries - use respective skills (Shadcn, DaisyUI, etc.)
Audit a landing page / marketing homepage against Marc Lou's 31 viral-product principles plus a visual craft-and-interaction lens, returning a defensible score out of 100, six category meters, a prioritized punch-list of concrete fixes, and ready-to-paste rewrites. Works on a live URL or a locally running app (renders desktop + mobile screenshots and reads the source). Use when the user invokes /landing-audit, says "audit my landing page / homepage", "viral audit", "review the landing page", "how's my homepage / page", "why doesn't my page convert", or asks what to fix on a landing page.
Use when implementing Liquid Glass effects, reviewing UI for Liquid Glass adoption, debugging visual artifacts, optimizing performance, or requesting expert review of Liquid Glass implementation - provides comprehensive design principles, API patterns, and troubleshooting guidance from WWDC 2025. Includes design review pressure handling and professional push-back frameworks
Hugging Face's UI design system. Use when building interfaces inspired by Hugging Face's aesthetic - dark mode, Inter font, 4px grid.
Descript's UI design system. Use when building interfaces inspired by Descript's aesthetic - dark mode, Inter font, 4px grid.