プログラミング補助
TailwindベースのWebサイトやアプリ向けに作られたノート感覚で使えるWebエディター・「Layouts」
指定されたフォントサイズとviewportから自動でClamp()を生成するVS Code拡張・「Clamp It!」
ブラウザのDevtoolsでTypeScriptを直接実行、デバッグ等を可能にするオープンソースのChrome拡張・「TypeScript Console」
ChatGPTでAIが回答したHTML/CSS/JavaScriptのコードを直接チャット内にCodepenで動作確認できるようにするオープンソースのブラウザ拡張・「ChatGPT Web Preview」
コピー&ペーストで使えるshadcn-ui向けのWebサイト用ブロックを無償提供する・「TWBlocks」
開発者等がVSCode内で様々なAIとチャットし、会話をローカルファイルで管理できるVSCode拡張・「ICE」
VS Codeの拡張機能として開発されたGithub Copilotライクな完全オープンソースのAIコード補完プラグイン・「Twinny」
入力されたプロンプトに従ってAIがWebアプリを開発及び改善してくれるOSS・「GPT-Engineer」
フロントエンド開発者向けのTipsを紹介する動画を収集、閲覧できる・「Front Tips」
スクリーンキャストで動作確認、コードもコピー出来るSwiftUIコンポーネント集・「Trace」
開発者向けの様々なツール集が組み込まれたChatGPTベースのAIチャットツール・「DevGPT」
任意のコードスニペットを入力するだけで、ChatGPTがそのコードがどう動いているかを説明してくれる・「What does this code do?」
Webflowによるサイト構築で効率化や最適化をサポートするノーコードツール・「Stacket」
Tailwind.cssベースのWebサイトのデバッグをサポートするDevTools拡張・「Tailwind DX」
JSONのフォーマットやバリデート、ツリー表示、圧縮等が可能なWebアプリ・「JSON Formatter」
開発者向けに提供している扱いやすいスクリーンショットAPI・「screendot」
PythonやPHP、JavaScriptなど言語別にそれぞれよく使われる正規表現のコードを確認出来る・「RegEx Library」
開発者向けのリソースを大量にコレクションしたキュレーションリスト・「DevAssets」
Web開発時に重宝するツールやリソースをカテゴリにわめてまとめた・「DevBox」
HTMLのタグ内に含めて良いタグかどうかを教えてくれる、HTMLタグのネスト可否チェックツール・「Can I Include」