Frontend

React and Next.js performance optimization guidelines from Vercel Engineering.

Draw an interactive ERD of a database or data model as one HTML file.

为应用、仪表盘、编辑器和网站选择前端设计方向，结合现有组件实现界面，并通过截图与交互检查验证效果。适用于界面设计、改版和视觉审查，不用于纯后端工作。

Generate AI-powered podcast-style audio narratives using Azure OpenAI's GPT Realtime Mini model via WebSocket.

This skill should be used when setting up, auditing, or enforcing internationalization/localization in UI codebases (React/TS, i18next or similar, JSON…

Build high-quality, animated, professional web pages that VISUALIZE software architecture, system design, data models, or a product idea — using Three.js (3D)…

Build a change from its plan.html as an orchestrator only: an eval-cell workflow runs each plan step through fresh implementer, adversarial critic and fixer…

文件轉 Markdown 技能 — 處理任何任務時，若遇到 PDF/Word/Excel/PowerPoint/HTML/CSV/JSON/XML/圖片/音訊 等非 MD 檔案，自動用 MarkItDown 轉換為 Markdown 格式再處理。說「解析這個檔案」「幫我讀這份文件」「轉換這個檔案」時載入。

Structured multi-agent collaboration for backend + frontend builds.

Interactive setup wizard that creates a fully working multi-agent AI team on OpenClaw.

Detect and block architecture drift in CI by comparing a codebase's actual Python import graph against a declared C4 component model.

Translate an arXiv/official HTML paper into Simplified Chinese and output a fully offline single-file HTML.

Generate an evidence-backed HTML explanation of how a codebase works at a specific snapshot, from architecture and module boundaries down to execution paths…

Generate an interactive, self-contained HTML map of any codebase — a dependency graph of its modules, a zoomable lines-of-code treemap, and stack-specific…

Generate a reviewer-facing HTML explanation of a git diff — for a PR, a branch, a commit range, or uncommitted work — including the context behind the change…

The design system and deterministic generator for any skill that produces self-contained explainer HTML.

Joint design review of one product area: audit against the loaded design bar, split findings into standing-approved fixes vs decisions that need the user's…

Write Playwright tests that match JoyAgent ui/e2e helpers (loginAs, 新会话, 发送).

Builds one self-contained HTML file that looks like the real product and walks a proposed change through every state, interactively, before the change is built.

Benchmark and A/B-test multiple LLMs or systems-under-test on one evaluation dataset.

Nova default editable presentation skill — generates self-contained deck.bento.html (bento/slides) with morph, charts, tables, speaker notes, and ambient…

Base de conhecimento para projetos React, Next.js e React Native/Expo.

Set up Cloudflare Turnstile end-to-end in a project — scan the codebase, create the widget via the Cloudflare API, deploy the managed siteverify Worker, write…

台灣公務機關出國報告文件產生工具。對齊行政院出國報告綜合處理要點附件一／二格式， 援引國外出差旅費報支要點（114.05.13）計算日支費。從一份 trip.json 產出五種輸出： 出國報告書 docx（附件一）、審核表 docx（附件二）、經費規劃表 xlsx、行前手冊 html…