cognitedata/flows-community-components

記録された最新のソース活動: 2026年11月2日 11:15

SkillsMP カタログ更新: 2026年11月12日 12:52

収集済み skills: 7

GitHub スター: 5
GitHub フォーク: 0

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

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

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/cognitedata/flows-community-components.

リポジトリの README

README の元ファイル：README.md

README の元ファイルを読む

README 全文を表示

# Aura + Flows Community This repo hosts the **Aura design system site** and the **Flows Community shadcn registry** for shared industrial UI in Cognite Flows. Core primitives stay on NPM as `@cognite/aura`; community items ship as ejectable source under `@aura`. Community component docs preview examples **natively** (portable Storybook stories) — not via iframe. | Layer | Distribution | Support | | --- | --- | --- | | **Aura Core** | NPM package `@cognite/aura` | Centrally maintained | | **Flows Community** | Source registry `@aura` | Community-vetted, use at your discretion | Official Aura docs: [docs.cognite.com/aura-design-system](https://docs.cognite.com/aura-design-system) Community site + registry: [cognitedata.github.io/flows-community-components](https://cognitedata.github.io/flows-community-components) ## Install a community component Full guide, including troubleshooting: [Installation](https://cognitedata.github.io/flows-community-components/community/installation). 1. Install Aura: `npm install @cognite/aura`. 2. Register the `@aura` namespace. Without it, `shadcn add @aura/...` fails with `Unknown registry "@aura"`. If you already have a `components.json`, let the CLI add it: ```bash npx shadcn@latest registry add "@aura=https://cognitedata.github.io/flows-community-components/r/{name}.json" ``` Otherwise create `components.json` (Tailwind v4: empty `config`, `css` = your stylesheet). We recommend this over `shadcn init`, which writes shadcn's default theme variables that Aura already provides: ```json { "$schema": "https://ui.shadcn.com/schema.json", "style": "new-york", "rsc": false, "tsx": true, "tailwind": { "config": "", "css": "src/styles.css", "baseColor": "zinc", "cssVariables": true, "prefix": "" }, "iconLibrary": "lucide", "aliases": { "components": "@/components", "utils": "@/lib/utils", "ui": "@/components/ui", "lib": "@/lib", "hooks": "@/hooks" }, "registries": { "@aura": "https://cognitedata.github.io/flows-community-components/r/{name}.json" } } ``` 3. In that stylesheet, import Aura source styles and `@source` installed community components: ```css @import "@cognite/aura/styles.source.css"; @source './components/ui/community/**/*.{ts,tsx}'; ``` 4. Install an item: ```bash npx shadcn@latest add @aura/drawer ``` Or skip the namespace and install by URL: ```bash npx shadcn@latest add https://cognitedata.github.io/flows-community-components/r/drawer.json ``` Community items depend on `@cognite/aura` and copy source into your repository. ## Search order 1. Aura Core (`@cognite/aura`) 2. Flows Community (`@aura/...`) 3. Compatible shadcn registries (prefer Base UI) 4. New implementation using Aura primitives and tokens ## Develop in this repo ```bash pnpm install pnpm dev # docs site pnpm storybook # Storybook (community components) pnpm run registry:build # regenerate registry.json + public/r pnpm run registry:check # fail if registry artifacts are stale pnpm lint pnpm tsc -b pnpm run test:storybook:ci ``` Community components live in `src/components/ui/community/`. Contribution model: [docs/decisions/2026-08-04-aura-community-contribution-model.md](docs/decisions/2026-08-04-aura-community-contribution-model.md).

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

このリポジトリの skills

分類待ち

skill

職業分類

説明

更新

aura-community-changelog

未分類

Generates a public-facing, visual biweekly changelog / blog post for the community website covering the last two weeks of shipped Aura and community-repo work, with screenshots of changed components. Use this whenever the user asks for a community changelog,…

原文の言語: 英語

2026-11-02

aura-dashboard

未分類

Choose one Aura dashboard layout and install only that layout. Use when the user wants an operations overview, KPI tiles, a plant status page, a dashboard with a side panel, or a dashboard above a data grid. Ask which layout before scaffolding a page.

原文の言語: 英語

2026-10-14

aura-d3-charts

未分類

Build or edit D3 charts that are fully compatible with the Aura design system — Aura chart, semantic and type tokens, light and dark themes, Aura components around the chart, Aura motion and content rules. Use for any D3 or custom SVG chart in an Aura app,…

原文の言語: 英語

2026-10-14

aura-map-layout

未分類

Add one map page to a Flows app. Ask which layout the user wants, then run that layout's install command and render the component it adds. Use when the user wants a map, a spatial view, layer controls, or a preview next to a map.

原文の言語: 英語

2026-10-12

aura-record-list

未分類

Add one record list page to a Flows app. Ask which layout the user wants, then run that layout's install command and render the component it adds. Use when the user wants a list of records, a table page, filters, a side panel, or a row preview. The toolbar…

原文の言語: 英語

2026-10-09

component-builder

未分類

Build accessible, consistent React components following Aura design system patterns. Use when creating or updating component files.

原文の言語: 英語

2026-08-10

story-builder

未分類

Write comprehensive Storybook stories for Aura components. Use when creating or updating .stories.tsx files.

原文の言語: 英語

2026-08-10

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