Frontend

Extract structured data from Axure prototypes using Playwright — screenshots, design tokens, interaction maps, annotations, and page text.

Disposable meta-skill (delete after the harness is built): authors or edits DESIGN.md, the strict visual-design description format — YAML front-matter design…

Build, scaffold, and integrate MoonPay crypto on-ramp (buy) and off-ramp (sell) payments into a website or app — the embeddable Widget (@moonpay/moonpay-js /…

Generate native UI sections (hero, pricing, features, CTA, footer) for Next.js, Flutter, WordPress, or Vue from a unified pattern catalog with shared design…

Scaffold, validate, test, and ship a production-grade Claude Code plugin + marketplace — especially the pattern where the plugin's ONLY component is an MCP…

Classify a workspace as new, or an existing Astro, Next.js, React/Vite, Laravel Blade, Laravel Livewire, Laravel Inertia React, Vue, Svelte, static site…

Build a one-off HTML page as a side-channel UI in the browser when the user has a lot of small, structured decisions to grind through (triage lists, per-item…

Builds form components and data collection interfaces including contact forms, registration flows, checkout processes, surveys, and settings pages.

Builds tables and data grids for displaying tabular information, from simple HTML tables to complex enterprise data grids.

Implements search and filter interfaces for both frontend (React/TypeScript) and backend (Python) with debouncing, query management, and database integration.

scan React/Vue/Next.js/plain-HTML code for WCAG 2.2 violations and check color contrast — use before shipping a new component or page, or when auditing the…

Use for automated browser tasks (navigation, form filling, scraping, screenshots, web app testing).

Production-ready Supabase authentication for Next.js 14+ with RLS patterns, session management, OAuth flows, and comprehensive testing.

Production-ready Gmail and Outlook OAuth integration for Next.js with Supabase.

从网页中采集设计令牌并生成完整的 DESIGN.md 设计规范文档 + Tailwind CSS 主题文件。 当用户提供 URL 并要求"提取主题"、"生成设计规范"、"导出设计系统"、 "提取这个网站的设计令牌"、"帮我做一个主题"、"分析这个页面的设计风格"时使用。 产出包含 DESIGN.md（Google…

Assess web applications against OWASP WSTG and OWASP Top 10 with reproducible evidence capture.

Fetch Huawei HarmonyOS developer document正文 by calling documentPortal getDocumentById API with slug objectId, convert HTML content to Markdown, and maintain…

Use when helping a songwriter or music producer operate ChordChemist with Ableton Live and Max for Live: preparing the local web app, OpenAI Realtime voice…

Use for end-to-end software execution in an unfamiliar or complex repo: orienting the codebase, choosing an execution model, planning and verifying changes…

Unified IT Tech AI skills registry spanning 638 agent skills from agentic-product-lifecycle, product-meta-framework, and agentic-product-lifecycle.

Build a standalone original Duolingo-like HTML/CSS/JS learning app from a mastery path and course data.

라이브 Cafe24 페이지에서 렌더된 스타일/스크립트가 "어느 원본 스킨 소스 파일(CSS/JS)"에서 왔는지 역추적한다.

Professional chart and diagram creation skill.

Use when ChordChemist songwriting, harmony, melody generation, reharmonization, vocal adaptation, key detection, Melody Canvas edits, deterministic WAV/SVG…