npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@stylewx/service

v0.6.0

Published

stylewx shared service layer: composes core/theme/validator/publisher/preview into the 6 high-level operations reused by both MCP Server and REST API.

Downloads

2,084

Readme

@stylewx/service

把 theme / core / components / validator / publisher 串起来的高层服务, 也是 MCP 工具 与 REST API 的共同底座。

安装

npm i @stylewx/service

用法

import {
  resolveTheme,
  renderPreview,
  publishDraft,
  listThemes,
} from '@stylewx/service'

// 主题名或完整主题对象都接受(对象会过 zod + 微信白名单校验)
const theme = resolveTheme('magazine')

// 渲染 + 校验(includeScreenshot 默认 true,编辑器里通常关掉以免每次键入都截图)
const { html, validation, diagnostics } = await renderPreview(markdown, theme, {
  includeScreenshot: false,
})

console.log(listThemes().themes.map((t) => t.name))

能力一览

| 函数 | 说明 | | --- | --- | | renderPreview / renderFragment | 渲染预览(后者默认不回传整页 HTML,省 token) | | publishDraft | 渲染 + 搬运图片 + 发草稿箱(只发草稿) | | listThemes / resolveTheme | 主题清单与解析(含本地已保存的自定义主题) | | tweakTheme | 确定性改主题:改 token / block / 组件级覆盖,不调用 LLM | | generateTheme / optimizeArticle | 调 LLM 生成主题 / 优化正文 | | saveArticle | 落盘 Markdown 并返回编辑器 URL(人机交接的入口) | | renderComponentPreviews / renderThemePreviews | 组件库 / 主题库预览页数据 | | saveUserComponent / listUserComponents | 本地自定义组件库 | | analyzeArticle | 文章体裁 / 语气 / 行业分析(给主题生成做输入) |

本地状态

| 路径 | 内容 | 覆盖变量 | | --- | --- | --- | | ~/.stylewx/components.json | 自定义组件库 | STYLEWX_COMPONENTS_PATH | | ~/.stylewx/themes.json | 已保存的自定义主题 | STYLEWX_THEMES_PATH | | 当前工作目录 | 文章读写根目录 | STYLEWX_ARTICLES_DIR |

文件读写会被限制在文章根目录内,避免目录穿越。


属于 stylewx —— 把 Markdown 排成微信公众号文章的工具链。MIT License.