PDFワークフローを自動化
PDF作業では、複数のツールにまたがる反復的な抽出、結合、フォーム入力が必要になることがよくあります。このスキルは、Claude、Codex、Claude CodeにローカルでのPDF処理のための構造化されたガイダンスとスクリプトを提供します。
React HTML Artifactsを構築
複雑なHTML artifactsには、プロジェクト構造、再利用可能なコンポーネント、信頼性の高いバンドル処理が必要です。このskillはReactワークスペースを作成し、Claude conversations向けに1つのHTML artifactへパッケージ化します。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "artifacts-builder" from https://skillstore.io/skills/dyai2025-artifacts-builder.md and its manifest at https://skillstore.io/api/skills/dyai2025-artifacts-builder/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「artifacts-builder」を使用しています。 analytics dashboard artifact用のプロジェクトを作成してください。
期待される結果:
Tailwindスタイリング、shadcn/uiコンポーネント、パスエイリアス、開発コマンドを備えたReactとTypeScriptのワークスペースが作成されます。
「artifacts-builder」を使用しています。 完成したプロジェクトをClaude用にバンドルしてください。
期待される結果:
会話内で共有するために、アプリケーションスクリプト、スタイル、アセットがインライン化された単一のHTML artifactが生成されます。
「artifacts-builder」を使用しています。 dialogsとtablesを備えたコンポーネントベースのインターフェースを追加してください。
期待される結果:
artifactはインストール済みUIコンポーネントを使用して、構造化されたナビゲーション、アクション、フォーム、レスポンシブなデータビューを提供します。
The skill is a legitimate frontend artifact builder, but it runs shell scripts with package installation and file-system side effects. Most markdown, URL, and local configuration findings are false positives; the remaining concerns are supply-chain exposure, global package installation, and a packaged component archive that reduces reviewability.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/dyai2025-artifacts-builder/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/dyai2025-artifacts-builder?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/dyai2025-artifacts-builder?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/dyai2025-artifacts-builder/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/dyai2025-artifacts-builder.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>DYAI2025. (2026). artifacts-builder security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/dyai2025-artifacts-builder/audits/9@techreport{dyai2025-dyai2025-artifacts-builder-2026,
author = {DYAI2025},
title = {artifacts-builder security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/dyai2025-artifacts-builder/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "artifacts-builder security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "DYAI2025"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/dyai2025-artifacts-builder/audits/9"
identifiers:
- type: other
value: "skillstore:dyai2025-artifacts-builder:audit:9"
description: "Skillstore immutable audit report identifier"
各作者のスキルは個別のインストール項目として維持されます。推奨バリアントは Skillstore の証拠で順位付けされます。
このバリアントが首位の理由
cam10001110101-artifacts-builder
2026-09-09
dyai2025-artifacts-builder
2026-09-09
composiohq-artifacts-builder
2026-09-09
Claude conversation内でレビューするために、状態、コンポーネント、スタイリングを備えた構造化されたReactプロトタイプを作成します。
フロントエンドプロジェクトを生成し、共有またはデモ用に1つのHTMLファイルへバンドルします。
artifactにダイアログ、フォーム、テーブル、ナビゲーションが必要な場合に、すぐに使えるTailwindとshadcn/uiのセットアップを利用します。
artifacts-builderを使用して、dashboard-demoという名前のReact artifact projectを作成してください。最初のバージョンはシンプルにし、生成されたファイルを説明してください。
artifacts-builderを使用して、tabs、cards、dialogs、responsive tableを備えたtask management artifactをshadcn/ui componentsで作成してください。
artifacts-builderを使用して、現在のReact artifact projectを単一のHTMLファイルにバンドルし、バンドル中に変更された内容を要約してください。
artifacts-builderを使用して、現実的な状態、アクセシブルなコントロール、レスポンシブレイアウト、最終的なバンドル済みHTML出力を備えたmulti-view analytics artifactを作成してください。
作成者
DYAI2025ライセンス
Complete terms in LICENSE.txt
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
b959ebfd1043a07c0c4378ab94ca4342cb0259f5
メンテナンスの新しさ
2026/7/24
利用状況
7 ダウンロード · 271 閲覧
ファイル構成
PDFワークフローを自動化
PDF作業では、複数のツールにまたがる反復的な抽出、結合、フォーム入力が必要になることがよくあります。このスキルは、Claude、Codex、Claude CodeにローカルでのPDF処理のための構造化されたガイダンスとスクリプトを提供します。
会議でのコミュニケーションパターンを分析
会議の文字起こしには有用なシグナルが含まれていますが、手作業で確認するには時間がかかります。このスキルは、文字起こしを具体例と次のステップを含む、焦点を絞ったコミュニケーションフィードバックに変換します。
Git コミットから明確な変更ログを生成
コミットメッセージが技術的だったり一貫していなかったりすると、リリースノートの作成に時間がかかります。このスキルは git 履歴を、顧客、チーム、リリースチャネル向けの明確な変更ログに変換します。
Anthropic ブランドガイドラインを適用
チームがブランド付きの成果物を作成する際には、一貫したビジュアルスタイルが必要です。このスキルは、Claude、Codex、Claude Code のワークフロー向けに、Anthropic のカラー、タイポグラフィ、使用ガイダンスを提供します。
調査済みコンテンツをより速く下書きする
長文執筆は、リサーチ、構成、引用、改稿が別々の手順で行われると停滞しがちです。このスキルは、Claude、Codex、またはClaude Codeに、アウトライン作成、情報源の収集、下書きへのフィードバック、最終的な磨き上げまでを案内します。
競合広告キャンペーンを分析
競合広告のリサーチは時間がかかり、一貫性を保ちにくいことがあります。このスキルは広告例を抽出し、メッセージ、クリエイティブのパターン、キャンペーンテーマを明確なインサイトに変換します。
shadcn/uiインターフェースをより速く構築
作成者 google-labs-code
モダンなReactチームには、セットアップ調査を繰り返すことなく、一貫したshadcn/uiコンポーネントが必要です。このスキルは、コンポーネント選定、インストール、テーマ設定、移行、品質チェックを支援します。
Next.jsでshadcn/uiインターフェースを構築
作成者 Asmayaseen
Reactチームには、モダンなNext.jsで機能する一貫したUIパターンが必要です。このスキルは、shadcn/uiのセットアップガイダンス、コンポーネント例、フォームバリデーション、テーブル、サイドバー、ダークモードパターンを提供します。
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。