AI Agent Skills

Organize articles and photographs into an editorial HTML site with layered, rotated cards. Useful for portfolios, independent magazines and collections of visual stories.

Explore a browser character builder with editable shapes, materials and outfits. Use it as a starting point for a branded avatar tool.

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.

Present activity over time in an editable calendar visualization. Prepare the date range, values and meaningful labels before adapting the chart.

Arrange customer quotations in a masonry section with a subtle generated backdrop. Prepare authentic quotations and attribution before adapting the layout.

Dark Stat Hero is a web interface workflow available on Skillry. Its source catalog highlights Create UI Visuals · Build Website Page · Warm Neutral · Teal Accent · Editorial. Compare the public examples with your brief before choosing this skill.

KPI Line Panel is a web interface workflow available on Skillry. Its source catalog highlights Create Infographic · Create UI Visuals · Warm Neutral · Teal Accent · Generative Backdrop. Compare the public examples with your brief before choosing this skill.

Paired Column Chart is a web interface workflow available on Skillry. Its source catalog highlights Create Infographic · Create UI Visuals · Warm Neutral · Teal Accent · Generative Backdrop. Compare the public examples with your brief before choosing this skill.

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

Translate Figma designs into production-ready UI code with close visual fidelity and component-level detail.

A format specification for describing a visual identity to coding agents. DESIGN.md gives agents a persistent, structured understanding of a design system.

Craft beautiful websites effortlessly with an intuitive visual builder and publish them instantly

Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.

Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.

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

Agent skills for designers and builders using Codex, Claude, Cursor, and other AI coding agents