code-instructor
80アプリを作りながらコードを学ぶ
実際のプロジェクトから切り離された例では、コード学習は抽象的に感じられることがあります。このスキルは、動作するアプリケーションを段階的に作りながら概念を教えます。
モジュール化された Next.js ユーティリティを書く
ヘルパーが構造なく増えていくと、ユーティリティコードは再利用しにくくなることがあります。このスキルは、Claude、Codex、Claude Code が短くモジュール化された Next.js ユーティリティを作成できるように導きます。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "writing-utils" from https://skillstore.io/skills/emz1998-writing-utils.md and its manifest at https://skillstore.io/api/skills/emz1998-writing-utils/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「writing-utils」を使用しています。 Create helpers for formatting dates and trimming user names.
期待される結果:
アシスタントは、日付用とテキスト用のユーティリティファイルを分けて提案し、それぞれを 1 つの責務に集中させて短く保ちます。
「writing-utils」を使用しています。 Refactor one large utility file used by a dashboard.
期待される結果:
アシスタントは、フォーマット、検証、データ変換の責務ごとにグループ化された、より小さなユーティリティファイルを推奨します。
「writing-utils」を使用しています。 Plan utilities for a Next.js notes feature.
期待される結果:
アシスタントは、コンポーネントロジックを追加せずに、ノートのタイトル、タイムスタンプ、表示フォーマット向けのコンパクトなヘルパーを概説します。
The skill is prompt-only and contains no executable scripts, network calls, file operations, or environment access. Static analysis reported no suspicious patterns, and manual review found no prompt injection or malicious intent.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/emz1998-writing-utils/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/emz1998-writing-utils?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/emz1998-writing-utils?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/emz1998-writing-utils/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/emz1998-writing-utils.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Emz1998. (2026). writing-utils security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/emz1998-writing-utils/audits/4@techreport{emz1998-emz1998-writing-utils-2026,
author = {Emz1998},
title = {writing-utils security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/emz1998-writing-utils/audits/4},
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: "writing-utils security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "Emz1998"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/emz1998-writing-utils/audits/4"
identifiers:
- type: other
value: "skillstore:emz1998-writing-utils:audit:4"
description: "Skillstore immutable audit report identifier"
一般的なフォーマット、解析、ブラウザー側のサポートタスク向けに、目的を絞ったユーティリティを構築します。
ユーティリティ関数を小さなファイルに分け、コードベースを読み取りやすく保ちます。
対象を絞ったアプリの動作を追加しながら、ユーティリティファイルを短く保つようアシスタントに依頼します。
Create a utility function for my Next.js app that handles this task: [describe task]. Keep the file under 50 lines.
Create modular utility functions for [feature]. Split them into separate files when that makes the code easier to maintain.
Review these utility functions and suggest a modular file structure. Keep each file under 50 lines and preserve current behavior.
Design a utility layer for [Next.js app area]. Group helpers by responsibility and explain where each utility file should live.
作成者
Emz1998ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
a06681402992ceae98ba04d54cfd4ab004862696
メンテナンスの新しさ
2026/7/24
利用状況
7 ダウンロード · 147 閲覧
ファイル構成
📄 SKILL.md
アプリを作りながらコードを学ぶ
実際のプロジェクトから切り離された例では、コード学習は抽象的に感じられることがあります。このスキルは、動作するアプリケーションを段階的に作りながら概念を教えます。
構造化されたアイデアでアプリ機能をブレインストーミング
チームには、ユーザー価値、実現可能性、指標を結びつける実用的な機能アイデアが必要です。このスキルは、Webアプリやモバイルアプリの計画に向けた構造化ブレインストーミングを支援します。
コンパクトな Next.js ページレイアウトを作成する
Next.js のページファイルは、レイアウト、型、ページロジックが一緒に増えていくと保守が難しくなることがあります。このスキルは、Claude、Codex、Claude Code が、型を分離したモジュール化された page.tsx レイアウトを生成できるようにガイドします。
プロジェクトのタスクロードマップを生成
プロジェクトチームは、仕様を明確な実装作業へ落とし込むのに苦労することがよくあります。このスキルは、仕様を依存関係と検証手順を含む段階的なタスクに変換します。
モジュール化された Next.js 型を書く
Next.js プロジェクトでは、保守が難しい大きな型ファイルが増えてしまうことがあります。このスキルは、Claude、Codex、Claude Code が srs/types に小さな TypeScript の型とインターフェイスを書くように導きます。
コミット前に実装をレビューする
ワークフローのステップが速く進むと、チームは計画上の欠陥やコードの問題を見落とすことがあります。このスキルは、次のフェーズに進む前に、完了した計画と実装をレビューエージェントへルーティングします。
React View Transitions を実装する
作成者 vercel-labs
React view transitions は配置を誤りやすく、意図しない静かなアニメーションや目立つアニメーションを引き起こします。このスキルは、route、Suspense、list、shared element のアニメーション選択を導きます。
本番環境対応のフロントエンド機能を構築
作成者 davila7
フロントエンドチームには、プロジェクト間で一貫したReactおよびNext.jsのガイダンスが必要です。このスキルは、フロントエンド分析のためのリファレンスワークフロー、品質プラクティス、ヘルパースクリプトを提供します。
React と Next.js のパフォーマンス最適化
作成者 vercel-labs
React と Next.js アプリは、ウォーターフォール、大きなバンドル、回避可能な再レンダリングによって速度が低下しがちです。このスキルは、エージェントがより安全にパフォーマンス重視の変更を行うための具体的なルールを提供します。
ReactとNext.jsコードを最適化する
作成者 sickn33
ReactとNext.jsアプリは、遅いデータフェッチ、大きなバンドル、回避可能な再レンダリングに悩まされることがよくあります。このスキルは、パフォーマンス重視のコード生成とレビューのための具体的なルールと例をエージェントに提供します。
シニアのガイダンスでフルスタックアプリを構築
作成者 alirezarezvani
フルスタックプロジェクトでは、一貫したセットアップ、アーキテクチャ選定、品質チェックが必要になることがよくあります。このスキルは、React、Next.js、Node.js、GraphQL、PostgreSQL の作業向けにスクリプトとリファレンスを提供します。
ResendでReact Emailテンプレートを構築
作成者 resend
本番環境で使えるメールテンプレートの作成は、メールクライアントごとに挙動が異なるため困難です。このスキルは、Claude、Codex、Claude Codeに対して、React Emailコンポーネント、送信、スタイリング、ローカライゼーション、エディターワークフローを案内します。