Skeleton loaders are placeholders shown before content finishes loading. Boneyard is a framework that removes the manual work of measuring and updating them. This article explains how to implement skeleton loaders easily with Boneyard.
difit is a CLI tool for reviewing local git diffs in a GitHub-style interface. With the difit-review skill, an agent can launch difit with comments attached to code changes. This article shows how to use it.
The Codex plugin makes it easy to call Codex from Claude Code for code reviews and task delegation. This article explains how to use the plugin and how it works internally.
Cline Kanban is a tool by Cline for staying sane while managing dozens of agents. It provides a kanban-style view where each card represents a running agent, letting you see at a glance which agents are running, blocked, or done.
In late March 2026, Figma's MCP server gained the `use_figma` tool — a general-purpose tool that runs JavaScript directly via the Figma Plugin API. This article explores how to use `use_figma` to manipulate the Figma canvas.
Storybook MCP connects Storybook with AI agents, enabling them to generate code while referencing component documentation and to test UI components by creating stories. This article shares hands-on experience using Storybook MCP.
Claude Code v2.1.80 から Research Preview 版として Claude Code channels（以下、チャンネル）が利用できるようになりました。チャンネルとは実行中の Claude Code のセッションに対して、外部からイベントを送ることができる MCP サーバーのことです。この記事では、Claude Code と Discord 連携がどのように動作しているのか、その仕組みを解説します。
Claude Code v2.1.80 から Research Preview 版として Claude Code channels（以下、チャンネル）が利用できるようになりました。チャンネルとは実行中の Claude Code のセッションに対して、外部からイベントを送ることができる MCP サーバーのことです。この記事では、Discord からチャンネルを通じて Claude Code とやり取りする方法を紹介します。
ライブラリのメンテナが Agent Skills を生成・検証して npm パッケージに同梱することを支援するツールである `@tanstack/intent` を使用して、ライブラリの使用者側と、メンテナ側の両方の観点から Agent Skills を利用する方法を紹介します。
Vite+ は Vite, Vitest, Oxlint, Oxfmt, Rolldown, tsdown といった人気のツールを統合し、開発, テスト, ビルド, リント, フォーマットなどのフロントエンド開発に必要な機能を1つのツールチェインで提供する新しいフロントエンドツールチェインです。この記事では実際に Vite+ をインストールして、プロジェクトのセットアップから開発、テスト、ビルドまでの一連の流れを試してみました。
要素が画面内に入った時にアニメーションを開始するスクロールトリガーアニメーションは、これまでは JavaScript を使用して `Intersection Observer API` を利用する方法が一般的でした。JavaScript を使わずに CSS だけで実装を完結できるようになる `animation-trigger` という新しい CSS プロパティが登場しました。
Agent Skills that give Claude Code domain expertise are gaining attention, but creating them still involves hurdles. This article explores skill-creator, Anthropic's tool for skill creation, improvement, and performance measurement.
