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

@ncai/design-system-cli

v0.9.0

Published

NC AI Design System을 소비자 프로젝트에 설정하는 `npx` CLI입니다.

Readme

@ncai/design-system-cli

NC AI Design System을 소비자 프로젝트에 설정하는 npx CLI입니다.

npx @ncai/design-system-cli setup --agent <agent>

주요 명령:

  • setup: 선택한 에이전트의 지침 파일과 MCP 설정을 함께 생성합니다.
  • show: 패키지에 포함된 design-system.md를 조회하거나 검색합니다.
  • doctor: 의존성, 에이전트 지침 파일, MCP 설정 파일 또는 스니펫을 진단합니다. --agent <agent>를 주면 해당 에이전트만 확인합니다.
  • validate: 생성된 UI 코드의 기본 가드레일을 점검합니다.

Cursor 대상 setup은 .cursor/skills/ncai-design-system/SKILL.md, .cursor/rules/ncai-design-system.mdc, .cursor/mcp.json을 생성합니다. Rule은 UI 작업 전에 Skill을 읽도록 항상 적용되는 짧은 지침입니다.

필수 런타임 의존성은 보통 다음 세 패키지입니다.

npm i @ncai/design-system @ncai/design-system-icons @base-ui/react

Windows PowerShell에서 npm.ps1 실행 정책 문제가 있으면 npm.cmd를 사용하세요.