AI Agent Skills

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

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

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

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

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

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

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

以鼠尾草绿、编辑摄影与商品网格构建球鞋商店，组织商品资料和关联页面，形成完整浏览路径。

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.

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

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

Testing patterns for CometChat React Native — Jest + React Native Testing Library setup, mocking the UI Kit + SDK, testing custom bubbles / headers / composer actions, s…

React and Next.js performance guidance for writing, reviewing, and refactoring production UI code.

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

Orchestrate iOS screenshot automation with xcodebuild/simctl for build-run, AXe for UI actions, JSON settings and plan files, Koubou-based framing (`asc screenshots fram…