AI Agent Skills

Generate a premium mockup website for a prospect using the buildinamsterdam.com template style. Use when user asks to design a website, create a mockup, or build a prosp…

Build and review UI components for robust accessibility and runtime resilience, including semantic structure, keyboard support, loading and error states, retry flows, an…

Implement or refactor UI forms with defense-in-depth validation, safe input handling, reliable submission behavior, and privacy-aware error handling. Use when building l…

Review frontend and UI changes for concrete security risks such as XSS, unsafe URL handling, token leakage, missing origin checks, and client-side authorization gaps. Us…

Use this skill when a browser/Web app (React, Vue, Next, Nuxt, static sites, SPAs, dashboards, AI chat UI, 页面, 前端, 网页) needs AI models via @cloudbase/js-sdk. Default rou…

Design a new screen, flow or component as a self-contained HTML artboard on the prototype canvas, built from the board's existing design tokens rather than invented valu…

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Gen…

No more wrong margins, text sizes and many other silly visual mistakes. React Native UI Blueprint allow to you implements a pixel-perfect design.

Discover, download, flatten, convert, place, and verify image/video assets for a Figma UI implementation.

Independently refine one Figma UI region in an existing implementation, whether produced by t-figma-impl or written by hand, and distill validated project rules.

Reconstruct and implement a complete Figma UI in an existing frontend file, using prepared assets and measurable acceptance.

Standalone motion-refinement entry that polishes interaction and animation of an already-implemented UI, using Figma prototype evidence and animation principles distille…

Execute phased task plans for backend, frontend, miniapp, Flutter, Web Demo, or Flutter Demo.

基于 Boss 直聘 + 猎聘实时人才数据，对某在招岗位做市场人才盘点，转成可执行招聘打法， 产出本地 markdown 报告（可选飞书云文档 + HTML 版）。当用户要盘点/调研某岗市场人才、 做人才 mapping、看某岗目标公司有谁、某岗薪资/学历/年限市场对标、判断某岗好不好招时使用； 只要意图是摸清某岗市场人才结构并转成招聘…

Create a working frontend with a clear, subject-specific point of view, then prove it in the rendered UI.

실제 화면 캡처를 콘텐츠 이미지·GIF로 가공한다. 개인정보를 모자이크 처리하고, 강조 박스를 눈대중이 아니라 요소의 실제 렌더링 좌표를 측정해 배치한다.