庄司 彬人

Stationery design study — character stationery shop. Fictional design study.

物理カード不要のデジタル名刺サイト (Astro 5 + Tailwind 4 / SSG / 日没連動テーマ)

• typescript

hibi-zakka — Natural wa-modern vintage zakka shop. Fictional design study.

IKKOKU — Kyoto fine antiques and kottou shop. Fictional design study.

KISSA MIKAZUKI — Showa-retro kissaten vintage sundries shop. Fictional design study.

TSUCHI to ITO — Mingei folk-craft vintage sundries shop. Fictional design study.

Stationery design study — notebook stationery shop. Fictional design study.

Stationery design study — mono stationery shop. Fictional design study.

Stationery design study — blueprint stationery shop. Fictional design study.

Seaside bookshop design study — shiosai persona site (fictional shop, for design research only)

Seaside bookshop design study — sangosho persona site (fictional shop, for design research only)

Seaside bookshop design study — minato persona site (fictional shop, for design research only)

Seaside bookshop design study — fuyunagi persona site (fictional shop, for design research only)

MASS — fictional public modern-art museum. Part of the art-gallery persona design study.

HALF — fictional emerging art gallery. Part of the art-gallery persona design study.

HEX — fictional Web3 / generative art gallery. Part of the art-gallery persona design study.

NORE — fictional blue-chip art gallery. Part of the art-gallery persona design study.

インターネットのくだらなさを、面白おかしくに展示する。

LUEUR — K-beauty × Y2K girly apparel brand. Fictional brand design study.

Claude Code skills — overview and navigation / Claude Code スキル一覧・ナビゲーション

Claude Code skill: spec-driven development with requirements.md, design.md, and tasks.md following Kiro's three-phase workflow / 要件定義・技術設計・タスク分解の3フェーズで仕様駆動開発を進める

Claude Code skill: generates a rich self-contained spec.md covering user stories, architecture, API contracts, and data models / ユーザーストーリー・アーキテクチャ・API・データモデルを網羅したspec.mdを生成する

HVILE — Nordic organic × Kinfolk editorial furniture brand. Fictional brand design study.

VELA — Luxury atelier × museum chapter experience furniture brand. Fictional brand design study.

BLOC — Urban graphic × architectural brutalism furniture brand. Fictional brand design study.

FRAY — Slow fashion × letterpress apparel brand. Fictional brand design study.

FORM — Quiet luxury × architecture apparel brand. Fictional brand design study.

ARCH — Streetwear × dark editorial apparel brand. Fictional brand design study.

BURL — Artisan workshop × newspaper editorial furniture brand. Fictional brand design study.

Claude Code skill: context snapshot and clear for seamless session continuity / コンテキストをスナップショット保存してセッションを継続する

全体最適を追求する開発者の、ホームページ。

Claude Code skill: designs MongoDB schemas from access patterns using Computed, Extended Reference, Subset, and Bucket patterns / アクセスパターン駆動でMongoDBスキーマを設計する

Claude Code skill: reviews React state design for derived state, mutation bugs, and missing keys / Reactの状態設計を派生状態・mutationバグ・keyの欠如でレビューする

Claude Code skill: fixes mypy/pyright type errors at root cause, preferring narrow types over Any / mypy/pyrightの型エラーをroot causeで修正。Anyより狭い型を優先する

Claude Code skill: collects TODO/FIXME/HACK comments into a single report grouped by severity / TODO・FIXME・HACKコメントを深刻度別にまとめたレポートに集約する

Claude Code skill: analyzes EXPLAIN output and proposes specific query optimizations / EXPLAINの出力を解析し具体的なクエリ最適化を提案する

Claude Code skill: scans files and staged changes for leaked secrets like API keys and tokens / APIキーやトークンなどの漏洩したシークレットをスキャンする

Claude Code skill: audits dependencies for vulnerabilities, outdated versions, and unused packages / 脆弱性・古いバージョン・未使用パッケージを依存関係から検出する

Claude Code skill: detects unused exports, imports, and functions — confirms each removal / 未使用のエクスポート・インポート・関数を検出し削除前に確認する

Claude Code skill: systematically analyzes stack traces to extract root cause / スタックトレースを体系的に分析して根本原因を特定する

Claude Code skill: adds mocks at correct boundaries without over-mocking, distinguishes when to mock vs use real values / 適切な境界にモックを追加。モックすべき箇所と実値を使うべき箇所を判断する

Claude Code skill: generates test cases covering happy path, edge cases, and error cases for existing functions / 既存関数の正常系・エッジケース・エラーケースのテストを生成する

Claude Code skill: refactors with green test baseline, runs tests after each step, reverts immediately on failure / テスト安全網でリファクタリング。各ステップ後にテスト実行、失敗したら即リバート

Claude Code skill: detects test runner, estimates time, offers filter and background options before running / テストランナーを検出し実行前に時間見積もりとフィルタ・バックグラウンド実行を提案する

Claude Code skill: outputs numbered plan and waits for approval before modifying files or running destructive commands / ファイル変更・破壊的コマンドの前に番号付き計画を提示して承認を待つ

Claude Code skill: estimates execution time, token usage, and parallelism before heavy operations / 重い操作の前に実行時間・トークン使用量・並列数を見積もる

Claude Code skill: safe stale branch and worktree cleanup with per-deletion confirmation / 削除前に確認しながらステールブランチとワークツリーを安全に削除する

Claude Code skill: pre-commit validator for secrets, AI attribution, and policy violations / コミット前にシークレット・AI帰属・ポリシー違反を検証してブロックする

Claude Code skill: bilingual EN/JA changelog generator from git history / git履歴から英日バイリンガルの更新履歴を生成する

Claude Code skill: atomic bilingual EN/JA commits with staged file confirmation / ステージ済みファイルを確認しながら英日バイリンガルのアトミックコミットを作成する

ブラウザの中で、部屋を組み立てる。

• typescript

CLI引数一般化事典 — 1つのフラグが、ツールによってどう変わるか。横断的に可視化する事典。

• typescript

timesに流した言葉を、資産に変える執事。

• python

日本語の豊かな表現を、投稿して、発見して、手元に蓄える場所。

• typescript

ポート番号を、羅針盤として持ち歩く。

放課後の黒板で、HTTPエラーを学び直す。エラーは間違いではない、発見である。

Tailwind CSS 標準化テンプレート — 何を揃えるか・何を揃えないかを整理した最小構成のデザインシステム

水面が揺れるように、インタラクションがデザインになる。3ライブラリ比較レポート。

自由時間を、計画に変える。そして、振り返れる形で残す。

• dart

基準地点から足を伸ばした距離を、ログとして刻む。

• dart

読み札が浮かぶたびに、Gitを一手ずつ覚えていく。

• typescript

本番環境を汚さず、コマンドの感覚を体で覚える。

作ったものが、自分を語る場所。

言葉を入力するだけで、予定が生まれる。確認は、いつも人間が行う。

• typescript

比率を入力して、合計を分配する。ただそれだけの、道具。

• typescript

日本地図を、手で覚える。

• typescript

名前を捨てて、問いを置く。共鳴が、答えを運ぶかもしれない。

• typescript

デスクトップに付箋を並べて、思考を常駐させる。

複数のニュースを集めて、重複を除いて、ターミナルに届ける。

• typescript

ストレージの奥に眠る巨大ディレクトリを、数秒で炙り出す。

• go

雷電将軍と、Javaで弾幕を張る。

47都道府県を、街角の景色から言い当てる。

旅の記録を、地図に重ねて残す。

• typescript

寝落ちを検知して、そっとボイスチャンネルから退席させる。

• python

作った作品を、棚に並べるように記録する。