前端

openui

8.5Kfrontend

用于构建、调试、集成、迁移或记录 OpenUI、OpenUI Lang、Agent Interface、OpenUI Cloud、@openuidev 包、流式生成式 UI 渲染、组件库、现有项目云集成、自托管到云迁移、从 JSON UI 格式迁移、云工具（网页/图像搜索、工件）、远程 MCP 服务器、自定义函数工具和工具循环，以及多用户或多应用身份（前端令牌、app_id/user_id、对话 API、Responses 元数据）。

thesysdev

dbs-wechat-html

8.4Kfrontend

微信公众号 HTML 生成。把 Markdown 转成可粘贴到微信公众号后台的 HTML，内置 15 种经典媒体/科技产品/中文公众号风格。触发方式：/dbs-wechat-html、/公众号HTML、「生成公众号 HTML」「做微信公众号版本」「微信排版」

dontbesilent2025

dbs-report

7.9Kfrontend

把多次 dbs-save 攒下来的诊断状态合并成一份可交付的 markdown 报告。触发方式：/dbs-report、/出报告、「打包」「整理一份」「给合伙人看的」

dontbesilent2025

scroll-world

7.6Kfrontend

使用 Higgsfield 为任意行业或品牌打造沉浸式“穿越世界”滚动控速（scroll-scrubbed）落地页。当访客滚动页面时，预渲染的镜头会从每个场景外部穿入内部，再无缝顺滑过渡至下一场景，全程**无切镜**——形成一贯到底的连续飞行画面（无论是 Emons 风格的等距微缩模型世界，还是你指定的任何美术风格）。本 Skill 会先引导用户确认主题、故事节点/页面板块及品牌视觉规范（brand kit），接着借助 Higgsfield 生成风格统一的场景与无缝镜头视频片段，最后接入轻量、跨框架通用的滚动控速引擎。视频渲染链默认优先走 Monid（Seedance 2.0 模型的按次计费模式，每次构建均需重新确认校验可用性，详见 Step 4），并在必要时降级使用 Higgsfield 积分结算。适用于用户希望打造“3D 世界”/“行业全景漫游”Hero 屏、滚动电影感落地页、微缩模型风格页面，或是想把业务打造成可滚动漫游世界的场景。

oso95

s2b-notice-search

7.4Kfrontend

S2B 학교장터 공개 고객 공고/견적요청 목록을 브라우저 우선으로 조회하고 fixture HTML을 파싱해 공고 메타데이터를 정리한다. 돌쇠에서는 가능한 가장 가까운 합법적 공식 단계까지 준비한다.

nomadamas

daishin-report-search

7Kfrontend

대신증권 리포트 GitHub Pages 미러에서 최신 HTML 리포트 목록과 원문/설명 페이지를 조회한다.

nomadamas

architecture-diagram

7Kfrontend

Create polished dark-themed architecture diagrams as self-contained HTML+SVG files. Use when the user asks for system, infrastructure, cloud, security, or network topology diagrams.

cocoon-ai

archify

6.7Kfrontend

生成专业的架构图、工作流图、时序图、数据流图以及生命周期/状态图，输出为包含 SVG 图形且可探索的独立 HTML 文件。支持 MAP/READ/FULL 渐进式阅读深度（Reading Depth）、集成方向信号的语义透镜（Semantic Lens）内联图例、可直接操作与分享的稳定连线关系、精确边缘的关系预览（Relationship Preview）高亮脉冲、点击前意图轨迹（Intent Trace）路径预览、双端点路径探测（Route Probe）分析、可搜索的语义节点、基于 Semantic Passport 上下文的节点聚焦、实时语义雷达（Semantic Radar）全景、带章节变动预览（Chapter Delta Preview）的具名章节轨（Named Chapter Rail）、共享锚点交接（Shared Anchor Handoff）、带镜头跟随与导播条的故事节拍导航器（Story Beat Navigator）、稳定的故事瞬间分享链接、动静调节器（Live/Still Motion Governor）、演示舞台（Presentation Stage）、无依赖平移缩放、深浅色主题切换、动态效果配置，以及一键导出 PNG / JPEG / WebP / SVG / WebM。支持直接输入自然语言描述或粘贴 Mermaid 代码（flowchart、sequenceDiagram、stateDiagram），并从零按 archify 风格重新排版布局。当用户需要绘制系统架构图、基础设施图、云架构可视化、安全拓扑图、网络拓扑、技术工作流、审批流、Runbook、CI/CD 流程图、过程图、API 调用时序图、请求生命周期、数据管道、ETL/ELT 映射、PII 边界、数据血缘图、状态机、生命周期图、状态流转图，或要求转换/美化 Mermaid 图表时使用。

tt-a1i

ljg-present

6.6Kfrontend

演讲铸造器（Outline-Faithful）。把 orgmode/markdown outline 1:1 铸成单文件离线 HTML；支持 black/red/yellow、浅色 hacker 与暗色 hacker-dark，自动处理标题封面、多行密度布局、表格、ASCII、LaTeX、自适应与翻页笔。USE WHEN 用户要求讲这个、present、做成演讲、slides、标语流、宣言体、slogan、manifesto、按 outline 美化。NOT FOR 内容提炼、改写或企业 PPT。

lijigang

lotto-results

6.4Kfrontend

使用 k-lotto npm 包查询韩国乐透开奖结果、最新期次及号码匹配情况。当用户询问中奖号码、奖金详情或号码是否中奖时使用。

nomadamas

saas-revenue-growth-metrics

6.3Kfrontend

Calculate SaaS revenue, retention, and growth metrics. Use when diagnosing momentum, churn, expansion, or product-market-fit signals.

deanpeters

app-store-screenshots

6Kfrontend

用于搭建 App Store 或 Google Play 截图生成页面、生成可导出的 iOS/Android 应用宣传营销截图，或使用 Next.js 脚手架快速构建截图编辑器。触发关键词：app store、play store、screenshots、marketing assets、html-to-image、phone mockup、android screenshots、feature graphic。

parthjadhav

tsdown

5.7Kfrontend

使用 Rolldown 驱动，以极快速度打包 TypeScript 和 JavaScript 库。适用于构建库、生成类型声明、打包多种格式或从 tsup 迁移。

slidev

使用 Slidev 基于 Markdown 和 Vue 组件为开发者打造并演示 Web 幻灯片，支持代码高亮、丰富的动画与交互特性。适用于构建技术演讲、会议报告、代码演示演练、教学课件或开发者 Slide 展示等场景。

vitepress

基于 Vite 和 Vue 的 VitePress 静态站点生成器。用于构建文档站点、配置主题或编写包含 Vue 组件的 Markdown。

unocss

UnoCSS 即时原子化 CSS 引擎，Tailwind CSS 的超集。用于配置 UnoCSS、编写工具类规则、快捷方式，或使用 Wind、Icons、Attributify 等预设。

antfu

Anthony Fu 针对 JavaScript/TypeScript 项目的个性化工具和约定。适用于新建项目、配置 ESLint/Prettier 替代方案、monorepo、库发布，或当用户提到 Anthony Fu 的偏好时。

streamdown

实现、配置与自定义 Streamdown —— 专为流式传输优化的 React Markdown 渲染器，支持语法高亮、Mermaid 图表、数学公式渲染以及中日韩（CJK）文字支持。适用于 Streamdown 的安装配置、插件使用、样式定制、安全设置，以及与 AI 流式输出（如 Vercel AI SDK）的集成。触发场景：(1) 安装或配置 Streamdown；(2) 配置插件（代码高亮、Mermaid、数学公式、CJK）；(3) 为 Streamdown 输出配置样式或主题；(4) 集成 AI 对话/流式输出；(5) 配置安全性、链接安全或自定义 HTML 标签；(6) 使用光标（caret）、静态模式或自定义组件；(7) 排查 Tailwind、Shiki 或 Vite 相关问题。

vercel

vue-router-best-practices

Vue Router 4 模式、导航守卫、路由参数以及路由与组件生命周期的交互。

pinia

Pinia 官方 Vue 状态管理库，类型安全且可扩展。用于定义 store、操作 state/getters/actions 或在 Vue 应用中实现 store 模式。

vueuse-functions

在 Vue.js / Nuxt 项目中合适场景下选用 VueUse composables，构建简洁且易维护的功能模块。

vue-best-practices

必须用于 Vue.js 任务。强烈推荐使用 Composition API 配合 `<script setup>` 和 TypeScript 作为标准方法。涵盖 Vue 3、SSR、Volar、vue-tsc。在处理任何 Vue、.vue 文件、Vue Router、Pinia 或 Vite 与 Vue 相关工作时加载。除非项目明确要求 Options API，否则始终使用 Composition API。