content-creator
88ブランドに一貫したマーケティングコンテンツを作成
マーケティングチームには、チャネルを横断して一貫性を保つコンテンツが必要です。このスキルは、ブランドボイスとSEOに合わせてコンテンツを計画、執筆、分析、最適化するのに役立ちます。
Reactコンポーネントのスキャフォールドを構築
チームには、Webおよびモバイルプロジェクト全体で一貫したコンポーネント構造が必要です。このスキルは、Claude、Codex、Claude Codeが、テスト、スタイル、ストーリー、アクセシビリティチェックを備えた型付きコンポーネントをスキャフォールドできるようにガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "frontend-mobile-development-component-scaffold" from https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold.md and its manifest at https://skillstore.io/api/skills/sickn33-frontend-mobile-development-component-scaffold/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「frontend-mobile-development-component-scaffold」を使用しています。 image、title、price、add-to-cart actionを備えたProductCard componentをスキャフォールドしてください。
期待される結果:
コンポーネントprops、CSS moduleガイダンス、レンダリングテスト、インタラクションテスト、ストーリーバリアント、index exportを備えた構造化されたスキャフォールド。
「frontend-mobile-development-component-scaffold」を使用しています。 label、value、press handlingを備えたReact Native settings rowを作成してください。
期待される結果:
typed props、StyleSheetセクション、accessibility labels、press behavior、テストカバレッジメモを備えたモバイルコンポーネント計画。
「frontend-mobile-development-component-scaffold」を使用しています。 デザインシステム向けの再利用可能なtable empty state componentを作成してください。
期待される結果:
prop定義、アクセシブルなステータスメッセージ、スタイルオプション、Storybookシナリオ、検証チェックリストを備えたデザインシステム用スキャフォールド。
All 46 external-command matches are TypeScript template literals or Markdown code fences, with no command runner or shell invocation. The array join is ordinary source generation, and no prompt injection or malicious intent was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-frontend-mobile-development-component-scaffold/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/sickn33-frontend-mobile-development-component-scaffold.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>sickn33. (2026). frontend-mobile-development-component-scaffold security audit report (audit version 5) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5@techreport{sickn33-sickn33-frontend-mobile-development-component-scaffold-2026,
author = {sickn33},
title = {frontend-mobile-development-component-scaffold security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5},
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: "frontend-mobile-development-component-scaffold security audit report (audit version 5)"
version: "unspecified"
type: report
authors:
- name: "sickn33"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/sickn33-frontend-mobile-development-component-scaffold/audits/5"
identifiers:
- type: other
value: "skillstore:sickn33-frontend-mobile-development-component-scaffold:audit:5"
description: "Skillstore immutable audit report identifier"
プロダクト機能向けに、props、styles、tests、exportsを備えた新しい型付きコンポーネントをスキャフォールドします。
StyleSheetスタイリングとアクセシビリティラベルを備えたReact Nativeコンポーネント構造を作成します。
stories、controls、テスト期待値を備えた再利用可能なコンポーネントパターンを定義します。
PrimaryButtonという名前のTypeScript React button componentを作成してください。label、disabled、onPressのpropsを含めてください。CSS modulesとアクセシビリティサポートを使用してください。
avatar、title、subtitle、onPressを備えたReact Native profile cardをスキャフォールドしてください。typed props、StyleSheet styling、accessibility labelsを含めてください。
Webとnative向けのuniversal data display componentを構築してください。loading、empty、error statesを含めてください。testsとStorybook coverageを追加してください。
filter panel向けのdesign-system component scaffoldを設計してください。controlled props、keyboard accessibility、interaction tests、Storybook arg controlsを含めてください。
作成者
sickn33ライセンス
MIT
Skillstore リビジョン
r2
バージョンに関する注意
作者はバージョンを宣言していません。
参照
88a8e9a07f4c54ab105c1c41b6267c287146b07b
メンテナンスの新しさ
2026/7/26
利用状況
8 ダウンロード · 80 閲覧
ファイル構成
📄 SKILL.md
ブランドに一貫したマーケティングコンテンツを作成
マーケティングチームには、チャネルを横断して一貫性を保つコンテンツが必要です。このスキルは、ブランドボイスとSEOに合わせてコンテンツを計画、執筆、分析、最適化するのに役立ちます。
実証済みパターンでLLMプロンプトを改善
一貫性のないプロンプトは時間を浪費し、AIの出力を信頼しにくくします。このスキルは、再利用可能なパターン、例、評価手順、最適化ワークフローを使ってプロンプト設計を支援します。
スケーラブルなソフトウェアアーキテクチャを設計する
アーキテクチャ上の意思決定は、Web、モバイル、バックエンド、クラウドシステム全体で比較するのが困難です。このスキルは、レポート、依存関係レビュー、トレードオフ文書化のための構造化されたガイドとローカルのスキャフォールドスクリプトを提供します。
シニアレベルのパターンでフルスタックアプリを構築
チームには、モダンなWebアプリケーション向けに一貫したセットアップ、アーキテクチャ、レビュー指針が必要です。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQLプロジェクト向けのスキャフォールダー、ワークフローのリファレンス、品質向上のためのプロンプトを提供します。
Prompt EngineerでAIプロンプトを最適化
目標が曖昧だったり複雑だったりすると、明確なプロンプトを書くのは困難です。このスキルは、実績のあるプロンプトフレームワークを使って、粗い依頼を構造化されたプロンプトに変換します。
リサーチインサイトでプロダクト業務の優先順位を決める
プロダクトチームには、機能の順位付け、インタビューの統合、意思決定の文書化をより速く行う方法が必要です。このスキルは、構造化された計画のために、RICEスコアリング、インタビュー分析、PRDテンプレートを提供します。
型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
starknet.js で Starknet アプリを構築
作成者 internet-court
Starknet 統合では、プロバイダー、アカウント、トランザクション、手数料を正確に処理する必要があります。このスキルは、Claude、Codex、Claude Code に実践的な starknet.js v9 パターンを提供します。
Vue 3 のコード品質を向上
作成者 vuejs-ai
Vue プロジェクトでは、時間の経過とともに reactivity、component、performance に関するミスが蓄積しがちです。このスキルは、より安全なパターンと明確なコードのために、Vue 3 に特化したガイダンスを提供します。
React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。