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.

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

Build a footwear storefront around sage accents, editorial photography and product grids. Prepare product details and connected store pages for a coherent shopping journey.

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

收集、脱敏、预览并提交 Cherry Studio BUG、UI/UX 或功能反馈，默认提交到飞书。可在用户同意后调用内置诊断工具整理环境、错误日志、截图和用户导出的 trace，自动提交飞书表单或生成匿名上传 ZIP；也可安全解析反馈 ZIP 为表单字段。用户说“提交问题”“提交反馈”“上报 bug”“收集/上传错误信息”“整理日志/…

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.

Automated Cherry Studio review for local branches, PRs, commits, files, architecture docs, and repository skills. Use for code or documentation reviews that need project…

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

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