「hn」の検索結果

技術が苦手で不満を抱きやすい利用者になりきってアプリを試し、操作の分かりにくさや離脱の原因を発見。実際の改善課題と個人的な不満を分け、修正案をまとめます。

• 公開やデモ前に使いやすさを確認したいとき
• 新規ユーザーの体験を点検したいとき
• 登録・課金でのつまずきを探したいとき

手書き文字の写真から、パソコンにインストールできるフォントを作るスキル。文字の識別や仕上がりの確認、太さの調整、Web用形式への出力まで支援します。

• 手書き文字をフォントにしたいとき
• 文字の太さや輪郭を調整したいとき
• Web用フォントを出力したいとき

本格的な開発を始める前に、使い捨ての試作で実現性や方式の違いを確かめるスキル。疑問の整理から調査、動く実験、結果と制約の記録まで進めます。

• アイデアの実現性を試したいとき
• ライブラリを試作で比較したいとき
• 開発前に危うい前提を検証したいとき

台本やテーマと成人の人物画像から、ナレーションと字幕付きの話者動画を制作。口の動きや画質を確認し、音量を整えた保存用・共有用動画に仕上げます。

• ナレーション付き解説動画の制作
• 既存の話者動画への字幕追加
• 音声と口の動きを修正したいとき

記事の内容を分析し、図解や挿絵を入れる位置を提案します。図の種類・画風・配色をそろえて画像を生成し、生成用の指示文を保存して本文へ挿入するスキルです。

• 技術記事に説明図を加えたいとき
• チュートリアルの手順を図解したいとき
• 記事内の挿絵の見た目を統一したいとき

判断が必要な課題を一文で整理し、三つの選択肢の長所・短所と推奨案をまとめます。完了条件と実行手順も添え、チームに共有する提案づくりを支えます。

• 技術的な判断の選択肢を比較したいとき
• チームに共有する提案づくり
• ツールや移行方針の比較

Reactやshadcn/uiで、状態管理や画面切り替えを伴う複雑な操作画面を制作します。初期設定から単一HTMLへの集約まで扱い、claude.aiで共有できます。

• 複数のUI部品を組み合わせた画面制作
• 状態管理や画面切り替えのある制作
• shadcn/uiを使った操作画面制作

提案書や仕様書を、背景の整理から章ごとの執筆、読者目線の検証まで対話で仕上げます。前提を知らないClaudeに読ませ、説明不足や曖昧さを見直します。

• 散らばった背景メモから提案書作成
• 仕様書や意思決定の記録を作成
• 章ごとに構成や文章を推敲

コード内に残した簡略実装や先送りのコメントを探し、制約と見直し条件をファイル別の台帳に整理します。見直し条件のない項目も明示し、コードは変更しません。

• 先送りした実装を棚卸ししたいとき
• 見直し条件のない項目を探したいとき
• ファイル別の技術的負債台帳の作成

Hacker Newsのトップページに載る上位30件の記事を取得し、順位・タイトル・リンク・ポイント数・コメント数をJSON形式でまとめるスキルです。

• Hacker Newsの上位30件を確認したいとき
• ポイント数とコメント数の比較
• 記事タイトルとリンクの収集

実装前の計画を技術面からレビューし、システム構成やデータの流れ、例外ケース、テスト範囲、性能を点検します。論点ごとの推奨案を対話で検討し、実行計画を固めます。

• 実装前に計画を点検したいとき
• システム構成とデータの流れの確認
• 例外ケースとテスト範囲の確認

ブラウザでページを開き、クリックやフォーム入力の流れを確認します。画面幅別のスクリーンショットや操作前後の差分、コンソールエラーも記録するスキルです。

• 画面遷移やフォームを確認したいとき
• 端末別の表示を撮影したいとき
• 画面画像とエラーを記録したいとき

Web・モバイル・デスクトップの画面設計や改善に、ローカル資料から配色・書体・操作の指針を検索。製品や開発環境に合うUIの実装とレビューを支えます。

• 新しい製品の配色と書体を選びたいとき
• フォームとキーボード操作のレビュー
• 小さな画面で崩れる表示の修正

シェーダーや3Dシーン、粒子の動きを全画面で描き、見出しを重ねたWebGL表現を制作。外部通信のない単一のHTMLファイルにまとめます。

• Webサイトのヒーロー動画表現
• 見出し付き生成アートの制作
• 3Dシーンや粒子表現の試作

機能提案やロードマップ、設計レビューの資料を、意思決定に使う横送りのHTMLスライドに整理します。8種類から一つのテーマを選び、全ページの見た目を統一します。

• 新機能の採用理由を説明したいとき
• ロードマップのレビュー資料作成
• 技術設計の選択肢を判断したいとき

既存のWebサイトやアプリの画面を点検し、文字・配色・配置・操作時の表示を改善します。現在の技術構成と機能を保ちながら、段階的に整えるスキル。

• 既存サイトのデザインを点検したいとき
• 定型的な画面パターンを見直したいとき
• 読み込み中・空データ・エラー表示の改善

GLSLで流体や粒子、手続き的に生成する映像表現を制作するスキル。レイマーチングなどの技法を使い、ページ冒頭のメインビジュアルや動きの一場面の制作に役立ちます。

• ページのメインビジュアル制作
• 流体シミュレーションの表現
• 粒子エフェクトを作りたいとき

データを操作しながら読めるグラフや図をD3.jsで作るためのスキル。多様な図表の例を手がかりに、レポートやダッシュボード、データを使った試作品に活用します。

• 売上を拡大可能な図で見たいとき
• データ間の関係を図示したいとき
• 日ごとの傾向を色で示したいとき

React、Tailwind CSS、shadcn/uiを使い、複数の部品を組み合わせたclaude.ai向けのHTMLアーティファクトを制作するスキル。

• claude.ai用のHTMLを作りたいとき
• 複数部品からなる画面の試作
• Reactとshadcn/uiでの制作

claude-memの作業記録をテーマや期間、ファイルで絞り込み、過去の判断や修正について会話で質問できる、目的別の知識ベースを作るスキル。

• 特定の技術テーマの知識を集めたいとき
• 指定期間の判断を振り返りたいとき
• サービスの修正履歴を会話で確認したいとき

既存のWebサイトやアプリを点検し、文字・配色・レイアウト・操作時の表示を改善します。現在の技術構成と機能を保ちながら、画一的な見た目や不足している状態表示を整えます。

• AI生成の画一的な見た目を直したいとき
• 文字・配色・余白を整えたいとき
• 読み込み・空データ・エラー表示の追加

厳密なグリッド、大きさに差をつけた文字、赤いアクセントで、工業図面や旧式端末を思わせるWeb画面を設計します。情報量の多いダッシュボードや作品集に向いています。

• 工業図面風のダッシュボード制作
• 大きな文字が主役の作品集制作
• 技術資料風の編集サイト制作

ウェブ上の情報を複数の切り口で調べ、データや事例、専門家の見解を整理するスキル。記事や資料の作成前に、情報の新しさや反対意見も確認します。

• 記事を書く前の根拠集め
• プレゼン資料のデータ・事例収集
• 技術とその限界を比較したいとき

記事やレポートを男女2人の自然な対話に書き換え、音声合成でポッドキャストを作るスキル。英語・中国語に対応し、MP3音声と会話の原稿を出力します。

• 記事を対話型ポッドキャストに変換
• レポートを音声で聴きたいとき
• 技術資料を会話形式で解説