AI Agent Skills

Create a dark HTML landing page that presents a software product through motion and a clear call to action. Useful for turning a product brief into a focused marketing page.

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.

Organize analytics, customers, finances and planning inside a calm admin workspace. Define the real data and daily management tasks before building the views.

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

Create a simple social sharing image inspired by Notion’s visual language. Provide the page title, main idea and intended sharing format.

Present a software product or waitlist with restrained sections and a clear narrative. Prepare real features and a focused next action for the visitor.

ShapeShift Web

Material Design Web Components

🛡️ Open-source and cloud-native Web Application Firewall (WAF)

The Self-Coding System for Your App — Alan AI SDK for Web

Use Playwright to interact with and test local web applications, capture screenshots, debug UI behavior, and inspect browser logs.

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

Web dashboard for Hermes Agent — multi-platform AI chat, session management, scheduled jobs, usage analytics

List of libraries, tools and APIs for web scraping and data processing.