Component Creation (Grade A)Claude AI向けセキュリティテスト済み開発スキル Grade A。UIコンポーネントを作成するためのステップバイステップワークフロー。
概要
主な機能
- コンポーネントの作成にわたるストリーム化されたワークフロー
- アクセシビリティの機能に対するサポート
- テストフレームワークとの統合
- スタイリングアプローチに関するガイダンス
- コンポーネントとプロパティインターフェースのエクスポート
料金
- モデル
- Free
- カテゴリー
- 東学サェソー
- 評価
- まだレビューはありません
ユースケース
新しいUIコンポーネントの作成
このスキルを使用して、UIコンポーネントを作成する際にアクセシビリティ、テスト、アンドベストプラクティスに従うことを確認します。
一貫したデザインシステムの開発
このスキルはこのプロジェクトのUIコンポーネント間で一貫性を維持するのに役立ちます。これは、標準化されたワークフローによってUIコンポーネントを作成することによって実現します。
メリット & デメリット
メリット
- アクセス可能なUIコンポーネントを保証する
- コンポーネントの作成に対する構造化されたワークフローを提供する
- コンポーネントのテストとバリデーションに対するサポートを提供する
- スタイリングとアクセシビリティに関するベストプラクティスを推進する
デメリット
- リアクトやヴューのアライメントを伴うため、調整が必要である
- テストフレームワークおよびスタイリングアプローチの既得権利に設立してあるプロジェクトが必要である
- すべてのエッジケースやカスタムの要件を扱うとはできない場合がある
レビュー
レビューを投稿するにはログインしてください。
まだレビューはありません。最初の一人になりましょう!
Q&A
What are the key features of the tool?
The tool's key features include a step-by-step workflow, support for accessibility features, integration with testing frameworks, guidance on styling approaches, and exporting components and props interfaces.
Asked by George Papadakis · Jul 12, 2026
What are the limitations of the tool?
The tool is limited to React or Vue with adjustments and requires an existing project setup with a testing framework and styling approach.
Asked by Zelda Brandt · Jun 20, 2026
What is the tool's workflow?
The tool provides a step-by-step workflow for creating accessible, tested UI components, including defining component names, creating directories, setting up props interfaces, implementing components, adding styling, writing tests, and exporting components.
Asked by Ola Eriksen · May 24, 2026
What framework does the tool support?
The tool supports React (or Vue with adjustments) projects.
Asked by Faisal Rahman · May 14, 2026
質問する
東学サェソーの代替
Manage Headers (Grade A)
東学サェソー
セキュリティテストで検証されたClaude AIの開発スキルの「Aレベル」。「Power Pagesサイトからのブラウザへのセキュリティヘッダーの検査および構成」のためのもの。Content Security Policy、フレームとクリックジャッキング保護
Using Git Worktrees (Grade A)
東学サェソー
セキュリティテスト済みデータAISHILL(Grade A)。クリュードAIと併用する。
Ga4 Bigquery Schema (Grade A)
東学サェソー
セキュリティテスト済みのデータ・AIスキル用Claude AI。 Grade A。GA4 BigQuery Export Schemaの参照情報大全、ネスト構造、検索パターン、パフォーマンスのヒント
Meta Capi (Grade A)
東学サェソー
Security-checked data-ai skill for Claude AI. Grade A. (Meta Conversions API (CAPI)のセットアップガイド — アーキテクチャ、イベントタイプ、顧客情報のハッシュ、削除、実装例、AEM)
Callees (Grade A)
東学サェソー
Claude AI向けセキュリティ検証済開発スキル。 Grade A. 関数/メソッドはどこにコールしているかをリストする
Test Module Name (Grade A)
東学サェソー
セキュリティテスト済みデータ-AIスキル、クラウド AI用 Grade A。 モジュールをテストするモジュールと同じネームスペースのSpecサフィックスでモジュール名を付ける。 クラウド AIのテストモジュールライティングまたはレビューに使用してください。
Board Of Directors (Grade A)
東学サェソー
SECURITY TESTED DATA-AI SKILL FOR CLAUDE AI. GRADE A. マジョルな決定を実行者 5 人が協議しながらの実行者 5 人によるディレクトオフィス議論シミュレーション。プランの評価やアーキテクチャーセレクション、機能デザイン評価など、複数視点の専門分析を必要とするあらゆる決定を評価するには使用してください。
Advpl Mvc Avancado (Grade A)
東学サェソー
セキュリティテスト開発スキル for Claude AI. AランクのMVCアドバンス
