AI Agent Skills

Start a landing page with a restrained animated hero and editable visual tokens. Adapt the copy, color and interface state to the product being introduced.

Obsidian Cinema Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Glass Navigation · Serif Display · Cinematic Dark. Compare the public examples with your brief before choosing this skill.

Harbor SaaS Suite is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Porcelain Teal · Pill Interface · Soft Elevated Cards. Compare the public examples with your brief before choosing this skill.

Cobalt Serif Freelancer Site is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Portfolio Site · Editorial Serif · Cobalt Monochrome · Duotone Portrait. Compare the public examples with your brief before choosing this skill.

Orbit Startup Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Landing Page · Beam Motion · Bento Grid · Clean Neutral. Compare the public examples with your brief before choosing this skill.

Quartz SaaS Landing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Light First · Bento Mockups · Giant Wordmark Footer. Compare the public examples with your brief before choosing this skill.

Sketchnote Pricing is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Landing Page · Doodle · Hand Drawn · Handwritten. Compare the public examples with your brief before choosing this skill.

Split Frame Portfolio is a web interface workflow available on Skillry. Its source catalog highlights Build Website Page · Build Portfolio Site · Minimalist · Monochrome · Photo Forward. Compare the public examples with your brief before choosing this skill.

Design engineering principles for making interfaces feel polished. Use when building UI, reviewing frontend code, or working on any visual detail, from animations, hover…

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type c…

Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/…

Guidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.

Review UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.

StableSwarmUI, A Modular Stable Diffusion Web-User-Interface, with an emphasis on making powertools easily accessible, high performance, and extensibility.

Figma is the first interface design tool based in the browser, making it easier for teams to create software. Join us in https://t.me/figma_linux

Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes,…