AI Agent Skills

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

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

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

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

用便签、证件卡与经历故事组织多页简历网站，适合展示职业背景、联系方式和工作成果。

从系统说明或节点关系数据构建离线交互地图，探索架构、数据流和生命周期关系。

在统一作品集中串联开发者简介、项目、文章和职业节点，选择能说明成果的链接与证据。

Obsidian Cinema Landing 是 Skillry 提供的网页与界面技能。原站标注的任务与风格包括 Build Website Page · Build Landing Page · Glass Navigation · Serif Display · Cinematic Dark。可先查看案例，再根据创作需求选择。

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

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

Automate a real browser from the terminal for navigation, form filling, snapshots, screenshots, extraction, and UI-flow debugging.

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

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

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

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/…

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