Web & Frontend

knownasnaffy Bundle

为初中数学章节生成复习指南 HTML 文件（知识点 + SVG 图形 + 选择/填空/大题 + 详解）。 当用户要求"生成数学复习资料"、"出一份数学练习题"、"帮我复习XX章节"、"数学辅导"、"生成数学学习文档"、 "做一份数学错题本"、"生成函数/几何复习指南" 或类似意图时，应使用此 Skill。 该 Skill 在任意对话中均可调用，不限于特定项目。

knownasnaffy Bundle

Data visualization and chart generator with SVG file output. 数据可视化、数据图表、图表生成、柱状图、bar chart、折线图、line chart、饼图、pie chart、ASCII图表、数据报表、趋势图、sparkline、仪表盘、dashboard、HTML图表、SVG图表、SVG文件输出、数据分析图、统计图表、表格生成、格式化表格、数据展示、可视化报告、数据看板、进度条、热力图、趋势分析、变化率。Generate bar charts, line charts, pie charts, tables, sparklines, dashboards, progress bars, trend analysis, and heatmaps as ASCII or HTML. Also generates SVG chart files (bar/pie/line) that open directly in browsers. Use when: (1) creating data visualizations/charts, (2) generating bar/line/pie charts, (3) formatting data into tables, (4) building HTML chart reports, (5) showing data trends or distributions, (6) any chart, dashboard, or data visualization task, (7) progress tracking, (8) trend analysis with change rates, (9) heatmap visualization, (10) generating SVG chart files for sharing or embedding. 适用场景：生成图表、数据可视化、做报表、展示数据趋势、对比数据、ASCII图表终端展示、HTML图表报告输出、SVG图表文件生成、进度条、热力图、趋势分析。

knownasnaffy Bundle

Real-time GEO metrics monitoring and alerting orchestrator. Use this skill whenever the user wants to track, visualize, and react to AI GEO performance metrics over time — especially AIGVR (AI-generated visibility rate), SoM (Share of Model), AI citation volume, and related indicators across ChatGPT, Perplexity, Gemini, Claude, SGE, and other generative engines. Prefer this skill whenever the request goes beyond a static report and instead focuses on ongoing dashboards, time-series tracking, anomaly detection (sudden spikes/drops), or building an internal “GEO metrics command center.” It is designed to complement `geo-report-builder` by turning one-off analyses into a continuous monitoring system.

knownasnaffy Bundle

WebMCP - Enable AI agents to interact with your web applications through structured tools. Implements the WebMCP standard for Next.js/React apps with tool registration, event bridge pattern, and contextual tool loading. Use when building AI-agent accessible web apps, adding MCP capabilities to existing projects, or creating tool-based interfaces for AI interactions.

comeonoliver Skill

WP Rig Styles & CSS

comeonoliver Skill

Community Expo React Native Best Practices

comeonoliver Skill

Community nuqs Best Practices for Next.js

comeonoliver Skill

Zoom Video SDK (React Native)

comeonoliver Skill

shadcn-vue

comeonoliver Skill

React 19 Best Practices

knownasnaffy Bundle

FREE voice recognition using Groq's complimentary Whisper API. Transcribe audio messages to text in 50+ languages at no cost. Perfect for voice-to-text automation, meeting transcriptions, and accessibility features. Requires free Groq API key.

knownasnaffy Bundle

Local-first reading and distillation engine for documents and pasted text. Use whenever the user wants to read, summarize, extract key points, compare documents, understand a report, pull action items, or turn long text into a clear brief. Works locally with plain text, markdown, HTML, JSON, and other text-like files. No external sync or credentials.

knownasnaffy Bundle

Generate an interactive family tree dashboard from any GEDCOM (.ged) file. Creates a single-file HTML app with 5 tabs (Dashboard, Family Tree, People, Timeline, Daily Alerts), search, person modals, charts, and "On This Day" events. Use when asked to visualize genealogy data, explore family history, build a family tree viewer, or work with GEDCOM files. Triggers on "family tree", "genealogy", "GEDCOM", "ancestors", "family explorer", "family history dashboard".

knownasnaffy Bundle

Scrape e-commerce homepages from multiple websites in a target market, handle popups automatically, capture screenshots and HTML, extract product data, and generate comprehensive market analysis reports. Use when asked to "analyze [market] e-commerce market", "scrape e-commerce websites", "find hot products in [country]", "analyze product trends", or "generate market report for [region]". Works with German, English, and other international markets.

comeonoliver Skill

Vue

comeonoliver Skill

Next.js Community Next.js 16 App Router Best Practices

comeonoliver Skill

Drei — Essential Helpers for React Three Fiber

comeonoliver Skill

Nuxt — The Vue Framework

comeonoliver Skill

Zoom Meeting SDK Web - Component View

comeonoliver Skill

Astro

comeonoliver Skill

Ember.js — Convention-Over-Configuration Frontend Framework

comeonoliver Skill

Jotai — Atomic State Management for React

comeonoliver Skill

Marko — HTML-First UI Framework

comeonoliver Skill

Pinia — Official Vue.js State Management

comeonoliver Skill

Wails — Desktop Apps with Go and Web Frontend

comeonoliver Skill

Community Tailwind CSS v4 Best Practices

comeonoliver Skill

Recharts — React Charting Library

comeonoliver Skill

React Flow Node

comeonoliver Skill

React Hook Form Best Practices

comeonoliver Skill

Vercel AI SDK — Build AI Apps with React

comeonoliver Skill

Frontend UI Dark Theme (TypeScript)

comeonoliver Skill

Motion (formerly Framer Motion) — Animation for React

comeonoliver Skill

Nextra — Next.js Documentation Framework

comeonoliver Skill

Preact — Fast 3kB Alternative to React

comeonoliver Skill

Recoil — State Management for React

comeonoliver Skill

Refine — React Framework for Admin Panels