Frontend

Builds accessible interfaces with shadcn/ui, Radix, and Tailwind, covering responsive layout, theming, dark mode, and component composition.

Serves a searchable database of visual styles, colour palettes, font pairings, product patterns, UX guidelines, and chart types across ten frontend stacks.

Token-efficient library documentation fetcher using Context7 MCP with 86.8% token savings through intelligent shell pipeline filtering.

Create OpenCode plugins using the @opencode-ai/plugin SDK.

前端设计书生成系统 v2。Use when: 用户要求根据 PRD、MasterGo 图层、原型、现有代码和公司组件库，拆分模块、设计前端 API 契约、生成 AI 可直接写代码的前端设计书和任务包，或按 `编码任务.md` 落地代码。

Research, author, test, and serve a visual interactive lesson as a route in a local React teaching workspace.

Use this skill any time a spreadsheet file is the primary input or output.

Artifact-driven status surfaces for long-running project-agent work.

Estándares de ingeniería para apps de datos (Next.js, Vite, Supabase).

뉴스 URL 로부터 본문과 메타데이터를 높은 정확도로 추출한다.

Build complex multi-component claude.ai artifacts with React, Tailwind, and shadcn/ui.

Renders carousel slides to PNG via Playwright.

코드베이스 전수 분석 및 인터랙티브 개발자 가이드(슬라이드북) 제작 스킬.

Action: Read the full content body of a course or learning path (all sections/lessons/topics with HTML body) via GET /fullContent/{type}/{id}, and of…

Action: Fetch a single topic's metadata by ID via GET /topics/{id} (id, title, type, pre/post text).

Action: List a lesson's topics (metadata only) via GET /topics/lesson/{lessonId}.

Official implementation of Nous Hermes 2 Pro Agentic Protocol.

Consolidated Monozen portfolio skill: dual-theme (Sun/Moon) lifecycle contracts, 5-panel SPA architecture, CSS specificity load order, WebGL context safety…

Extract features, API contracts, and design system from React Native / Expo source code.

将 score-resume-role-fit 生成的多岗位评分 JSON 渲染为 AI 产品、AI 全栈/Agent 工程、FDE 雷达图、响应式 HTML 和中文缺口摘要。用户要求雷达图、可视化比较岗位匹配度、展示优势短板或导出能力画像时使用。

Analyze Walmart sales data to explore trends between store sales and unemployment rates.

A Codex Canvas is a live React app that the user can open beside the chat.

Tool skills for SuperGrok and Blackbox agents working on the live RackUp codebase.

Create architecture and flow diagrams: dark-themed SVG infra diagrams (HTML) or hand-drawn Excalidraw JSON (arch, flow, seq).