sanity-io/ui

記録された最新のソース活動: 2026年10月6日 17:49

SkillsMP カタログ更新: 2026年11月2日 18:02

収集済み skills: 4

GitHub スター: 178
GitHub フォーク: 22

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/sanity-io/ui.

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

# Sanity UI monorepo pnpm workspace for Sanity’s design-system packages and related apps. Published packages live under `packages/`. Docs, Storybook and the legacy docs Studio live under `apps/`. ## Packages | Package | Description | | ------------------------------------------ | --------------------------------------- | | [`@sanity/ui`](packages/ui) | React component library | | [`figma-plugin-sanity-ui`](packages/figma) | Figma plugin for Sanity UI theme tokens | The `@sanity/color` palette, the `@sanity/icons` icon components and the `@sanity/logos` Sanity / GROQ logo components are installed from npm. Their Storybooks ([color.sanity.dev](https://color.sanity.dev), [icons-storybook.sanity.dev](https://icons-storybook.sanity.dev) and [logos.sanity.dev](https://logos.sanity.dev)) are composed into this repo's Storybook. ## Migration See the [`@sanity/ui` migration guides](MIGRATION.md) when you upgrade from v2 to v3 or from v3 to v4. ## Apps | App | Description | | ---------------------------------- | ---------------------------------------------------------------------------- | | [`apps/storybook`](apps/storybook) | Component Storybook ([localhost:6006](http://localhost:6006) via `pnpm dev`) | | [`apps/docs`](apps/docs) | [sanity.io/ui](https://www.sanity.io/ui) docs site (fully static Next.js) | | [`apps/studio`](apps/studio) | Sanity Studio for the legacy docs dataset | `apps/studio` is tied to an older deployment of `apps/docs` that rendered the previous docs site. Once [sanity.io/ui](https://www.sanity.io/ui) points elsewhere, both apps can be deleted. ## Requirements - Node.js `>=22.13` - [pnpm](https://pnpm.io) `12` (pinned via `packageManager` in `package.json`) ## Getting started ```sh pnpm install pnpm build pnpm test ``` ### Development ```sh pnpm dev # Storybook at http://localhost:6006 pnpm dev:docs # Docs at http://localhost:3000/ui pnpm dev:studio # Sanity Studio at http://localhost:3333 ``` In the monorepo, `@sanity/ui` resolves to TypeScript source through package `exports`, so Storybook and the apps hot-reload package edits without a rebuild. ### Common scripts | Script | What it does | | ------------------- | ------------------------------------------------- | | `pnpm build` | Build `@sanity/ui` and the Figma plugin | | `pnpm test` | Unit tests (`@sanity/ui`) | | `pnpm test:browser` | Storybook browser tests (Chromium via Playwright) | | `pnpm lint` | Lint + type-check (oxlint) | | `pnpm format` | Format with oxfmt | | `pnpm knip` | Unused files / dependencies / exports | | `pnpm changeset` | Add a changeset for a release | ## Contributing & releasing See [CONTRIBUTING.md](CONTRIBUTING.md). Releases use [Changesets](https://github.com/changesets/changesets): add a changeset on your PR; merging to `main` opens a “Version Packages” PR that publishes to npm when merged. ## License MIT — see [LICENSE](LICENSE).

リポジトリの README を読み込んでいます…

このリポジトリの skills

ソフトウェア品質保証アナリスト・テスター

1 件の職業カテゴリ · 25% 分類済み

skill

職業分類

説明

更新

react-devtools-mcp

未分類

Inspect and profile the React component tree of a running Storybook story through chrome-devtools-mcp (React DevTools over the Chrome DevTools Protocol, via react-devtools-cdt-mcp). Use when debugging why a @sanity/ui component re-renders, finding slow…

原文の言語: 英語

2026-10-06

next-cache-components-optimizer

未分類

Drive a Next.js route to instant navigation by setting up an agentic loop, under Cache Components / PPR, on initial load (hard navigation) and client-side navigation (soft navigation). Encode the goal as a failing @next/playwright instant() e2e and work it to…

原文の言語: 英語

2026-10-06

sanity-live-cache-components

未分類

Integrates Sanity Live with Next.js Cache Components in next-sanity v13+ apps. Sets up sanityFetch, a shared cachedSanity 'use cache' boundary, <SanityLive>, Visual Editing, Presentation Tool, draft mode handling, and the three-layer (Page/Dynamic/Cached)…

原文の言語: 英語

2026-10-06

ui-demo

ソフトウェア品質保証アナリスト・テスター

Record polished UI demo videos using Playwright. Use when the user asks to create a demo, walkthrough, screen recording, or tutorial video of a web application. Produces WebM videos with visible cursor, natural pacing, and professional feel.

原文の言語: 英語

2026-07-22

収集済み skill 4 件中 4 件を表示しています。