Loading...
Loading...
Found 356 Skills
A friendly, hand-drawn sketch interface inspired by pencil illustrations on warm cream paper. Soft teal brand accents, hand-written display headings, rounded pill controls.
A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick black outlines, generously rounded shapes
三个手机框并排: splash / value-prop / sign-in
Twitter Quote & Data Card, Ideal for Tweets
Realistic Reddit Post Card + Upvote/Downvote + Comment Count, Suitable for Video Overlay / Story Sharing
三个 tab 的团队管理后台: 成员、详情、活动日志, 含图表 + CSV 导出
Minimal product pre-launch landing page with email capture, logo, and decorative layers
Build dark skeuomorphic UI components (knobs, sliders, inset controls, raised shells) with top-lighting, layered shadows, tactile depth, and animation-ready interaction patterns. Trigger this skill when the user asks for skeuomorphic components, neumorphic dark controls, rotary dials, or realistic hardware-like UI.
High-fidelity HTML design and prototype guidance for AI agents with structured design thinking and quality guardrails
Design forms that minimize friction, prevent errors, and guide users to successful completion.
Apply the Aesthetic-Usability Effect — visually consistent, polished interfaces are perceived as more usable.
Apple HIG guidance for presentation components including alerts, action sheets, popovers, sheets, and digit entry views. Use this skill when the user says "should I use an alert or a sheet," "how do I show a confirmation dialog," "when should I use a popover," "my modals are annoying users," or asks about alert design, action sheet, popover, sheet, modal, dialog, digit entry, confirmation dialog, warning dialog, modal presentation, non-modal content, destructive action confirmation, or overlay UI patterns. Cross-references: hig-components-menus, hig-components-controls, hig-components-search, hig-patterns.