AI Agent Skills

用动效与清晰行动入口构建深色 HTML 产品落地页，适合把软件产品介绍转成完整营销页面。

把文章与摄影组织成带叠放、旋转卡片的 HTML 杂志网站，适合个人作品集、独立杂志与视觉故事集合。

在浏览器中选择角色形状、材质与服装，制作头像，也可作为品牌角色工具的起点。

使用克制入场动画与可调整样式变量构建首屏，按产品需求修改文案、配色和交互状态。

在统一管理空间中组织分析、客户、财务与计划视图，先明确真实数据和日常管理任务。

通过可编辑日历图表展示时间维度上的活动，准备日期范围、数值与标签后再调整呈现。

参考 Notion 的简洁视觉语言制作社交分享图片，提供页面标题、核心概念与分享尺寸。

以克制版式与清晰叙事介绍软件产品或候补名单，围绕真实功能设计用户下一步行动。

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.