本文へ移動
cccskills
無料GitHub で公開

new-component

Create new GPUI components. Use when building components, writing UI elements, or creating new component implementations.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navopスター 1,936(GitHub 1,936 + cccskills 0)

実行スコア 未検証

インストール方法を見る

含まれるファイル(1)

  • SKILL.md945 B

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Instructions

When creating new GPUI components:

  1. Follow existing patterns: Base implementation on components in crates/ui/src (examples: Button, Select)
  2. Style consistency: Follow existing component styles and Shadcn UI patterns
  3. Component type decision:
    • Use stateless elements for simple components (like Button)
    • Use stateful elements for complex components with data (like Select and SelectState)
  4. API consistency: Maintain the same API style as other elements
  5. Documentation: Create component documentation
  6. Stories: Write component stories in the story folder

Component Types

  • Stateless: Pure presentation components without internal state
  • Stateful: Components that manage their own state and data

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

コメント

ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。

まだコメントはありません。最初のコメントを書いてみませんか。

送信するとすぐに公開されます。メールアドレスや電話番号などの個人情報は書かないでください。URL は 2 つまでです。

0 / 1000 文字

このフォームは reCAPTCHA で保護されており、Google のプライバシーポリシーと利用規約が適用されます。

同じリポジトリのスキル

Use when implementing, debugging, packaging, or host-enabling onetcli WASM connection importers such as DBeaver, Navicat, Navicat Lite, Termius, connection-import.wit components, wasm32-wasip2 importers, composite extension manifests, local importer visibility, or connection import UI freezes.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

gpui

無料

GPUI framework knowledge covering actions/keybindings, async/background tasks, context management (App/Window/Context<T>/AsyncApp), custom elements (low-level Element trait), entity state management, event system, focus handling, global state, layout/styling (flexbox/CSS-like), and testing. Use when working with any GPUI framework concept, building GPUI applications, or needing guidance on GPUI-specific APIs and patterns.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

How to use the gpui-component UI library in GPUI applications, and the normative Design and Coding Guides that govern it. Use when building UIs with gpui-component components (Button, Input, Select, Dialog, Tabs, Sidebar, List, Table, etc.), setting up the library, handling component state or theming, finding the right component for a UI need, and also when designing layouts, spacing, visual hierarchy, or interaction states, writing interface copy, or making application architecture, state-ownership, or public API decisions.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

Use when designing, implementing, reviewing, or debugging onetcli IPC database drivers, driver.json manifests, extension-protocol wire methods, schema metadata, DDL builders, import/export, packaging, or cross-language driver runtimes.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

navop

無料

Use terminal commands to discover and operate resources exposed by a running Navop desktop application through its host-authoritative Public MCP runtime.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

Use when working in the Navop repository on CHANGELOG.md, version-tag preparation, GitHub Releases, or R2 updater release notes, especially when bilingual Chinese and English notes must be generated, reviewed, synchronized, published, or verified.

日本語の概要は準備中です。原文の説明を表示しています。

feigeCode/navop1,9362026年10月26日 更新

feigeCode のスキルをすべて見る

このスキルの問題を報告する