「components」の検索結果

OpenClawの脆弱性報告を、公開済みのバージョンと信頼範囲の根拠で確認し、終了・継続・影響の絞り込みを判断して、管理者向けの返信案をまとめます。

• OpenClawの脆弱性報告を判断したいとき
• 公開版に不具合が残るか確認したいとき
• 既存の勧告との重複を調べたいとき

OpenClawのターミナル画面を固定のサンプルデータで試作し、実際の描画部品を使った2〜6案をtmuxで並べて操作・比較するスキル。

• 初期設定画面の案を比較したいとき
• チャットや選択画面の配置検討
• 既存画面と改善案を比べたいとき

OpenClawからDiscordのメッセージ送信やスレッドへの返信を行い、利用可能な操作の範囲で投稿の編集やボタン付きメッセージを扱うスキル。

• 指定したDiscordチャンネルへの投稿
• 既存スレッドに返信したいとき
• 選択肢のボタン付きメッセージの送信

新しい機能や企画を作り始める前に、対話で目的や希望、制約を整理します。必要に応じて図や試作品で認識を確かめ、作業の規模に合った設計をまとめるスキルです。

• 新機能の目的を明確にしたいとき
• 講演や事業のアイデア整理
• 画面や部屋の配置を見比べたいとき

Vue.js 3やNuxtの画面実装を、部品の設計から状態管理、画面遷移、テストまで支えるスキル。具体例に沿ってコードの構成やデータ更新の扱いを見直します。

• Vueコンポーネントの構成レビュー
• 部品間で再利用する処理の切り出し
• Piniaで共有状態を設計したいとき

SwiftUIの画面づくりで、状態管理、部品の分割、画面遷移、描画性能を整えるスキル。iOS・macOS向けの実装やレビューを具体例で支えます。

• SwiftUIの状態管理を選びたいとき
• NavigationStackの遷移設計
• 一覧の描画性能を改善したいとき

React NativeとExpoのアプリで、画面遷移・状態管理・データ取得を設計します。長い一覧の表示、フォーム、端末機能の利用、認証情報の保存方法も扱います。

• Expoで画面と画面遷移を作りたいとき
• 取得データと画面の状態を整理したいとき
• 長い一覧の表示を改善したいとき

AIエージェントの危険なコマンドを実行前に確認し、ファイル編集を指定ディレクトリ内に制限します。単独または併用のモードで、本番作業や自律実行時の操作を管理します。

• 本番作業で危険なコマンドを確認
• 特定ディレクトリだけ編集したいとき
• 自律実行時に保護を併用したいとき

ReactやNext.jsのアニメーション設定を共通化し、動きを減らす利用者設定や端末性能、サーバー描画との整合性に配慮した実装の土台を整えるスキル。

• 部品間のアニメーション設定の統一
• ばねの動きの共通設定を作りたいとき
• 動きを減らす設定に対応したいとき

画面の余白、文字、角丸、影、動きを見直し、見た目と操作感を整えるスキル。ボタンやカードなどの細部を点検し、変更前後が分かる具体的な改善案を示します。

• 窮屈で未完成に見える画面の点検
• ボタンやカード、フォームの仕上げ
• ホバーや読み込み状態の改善

Nuxt 4アプリのサーバーとブラウザの表示ずれを防ぎ、データ取得・ページ別の描画やキャッシュ・遅延読み込みを整理します。実装やレビュー、性能改善に使えます。

• サーバーとブラウザの表示ずれを直したいとき
• ページのデータ取得をレビューしたいとき
• ページ別の描画・キャッシュを決めたいとき

既存コードから色・文字・余白などの共通ルールを抽出し、デザインの仕様書とプレビューを作るスキル。画面の統一感を10項目で評価し、修正箇所も示します。

• 既存コードからデザイン規則を作りたいとき
• リニューアル前の見た目の統一感確認
• スタイルを変更するPRのレビュー

Claude Codeの記憶、定期実行、タスク待ち行列を組み合わせ、継続的な作業を設計するスキル。外部の実行環境や画面操作の連携設定も案内します。

• PRを定期的に確認したいとき
• 毎日の調査結果を集約したいとき
• 記憶を使った会議前の準備

Android・iOS・Desktop・Webで共有する画面づくりに向け、Composeの状態管理、画面遷移、テーマ設定、描画性能の改善を支援するスキル。

• 複数環境で画面を共有したいとき
• 画面の状態と操作を整理したいとき
• 画面遷移とダイアログの実装

質問応答や文書検索を組み合わせたAI処理をDSPyで構築するスキル。入力と出力を定義して部品を組み合わせ、学習例と評価指標を使ってプロンプトを自動調整します。

• 文書検索付きの質問応答を作りたいとき
• 学習例でプロンプトを調整したいとき
• 文章から構造化データを抽出したいとき

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

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

This skill should be used when the user asks to "create a plugin", "scaffold a plugin", "understand plugin structure", "organize plugin components", "set up plugin.json", "use ${CLAUDE_PLUGIN_ROOT}", "add commands/agents/skills/hooks", "configure auto-discovery", or needs guidance on plugin directory layout, manifest configuration, component organization, file naming conventions, or Claude Code plugin architecture best practices.

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

UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks.

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

Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.

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

Build or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.

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

Build or update a professional-grade design system library in Figma from a codebase. Useful for keeping the Figma source of truth in sync with shipped components.

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

Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. Use for websites, landing pages, dashboards, React components, application screens, and UI beautification.

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

Apple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS, watchOS, and tvOS.

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

Look up Ant Design React component documentation, props, and usage examples. Use when working with Ant Design (antd) components and needing API details, default values, or usage patterns.

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