frontend
10件のリポジトリ
WebとネイティブUIを支える定番ライブラリReact — Meta発の宣言的UIライブラリで、コンポーネント単位で状態管理しながら複雑なUIを構築できます。Webだけでなく、React Nativeでモバイル、Node.jsでサーバーサイドレンダリングも可能で、段階的な導入ができる点が特徴です。フロントエンド開発の事実上の標準として広く使われています。
The library for web and native user interfaces.
AIコーディングを「凡庸なデザイン」から救うスキル — Claude CodeやCodexなどのAIエージェントが生成するフロントエンドが「ありがちで退屈」になりがちな問題に対処するスキルセットです。AIに”良い趣味”を与えることで、量産感のあるUIから脱却し、洗練されたデザインのコードを生成させることを目指しています。ノーコード/ローコード文脈でのバイブコーディングにも活用できます。
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
次世代フロントエンドビルドツールVite — ネイティブES Modulesを活用した高速起動と超高速HMRを実現するフロントエンドビルドツールです。開発時はDevサーバー、本番ビルドはRolldownベースの最適化バンドラとして動作し、豊富なプラグインエコシステムで拡張できます。Webpackに代わる標準として広く採用されています。
Next generation frontend tooling. It's fast!
React Nativeで全プラットフォーム対応するExpoフレームワーク — React Native上に構築された開発基盤で、Android・iOS・Webを1つのコードベースで動かせます。SnackによるブラウザでのライブプレビューやOTA更新など開発体験の向上に強みがあり、モバイルアプリを素早く作りたい開発者に人気です。React Nativeの標準的な選択肢として広く採用されています。
An open-source framework for making universal native apps with React. Expo runs on Android, iOS, and the web.
ホームラボにも置ける開発者向けツール集 — it-toolsは、変換・整形・生成など多数の開発者向けツールを1つのVue製Webアプリにまとめたコレクションです。UXに配慮した設計で、DockerやCloudron、Tipi、Unraidでセルフホストでき、ホームラボでオフラインに使いたい人に向いています。
Collection of handy online tools for developers, with great UX.
自前サーバーで動くPaaS、アプリとDBをまとめて管理 — Dokployは、自分のインフラ上でアプリをデプロイし、MySQLやPostgreSQL等のデータベースを管理できるセルフホスト型PaaSです。Docker ComposeやSwarmによる複数ノード対応、Traefik連携、自動バックアップ、Grafana等への監視・ログ送信、OSSテンプレートのワンクリック導入も備えています。
Open Source Alternative to Vercel, Netlify and Heroku.
Home Assistant用のミニマルなポップアップ対応カード集 — Home Assistantのダッシュボードをモダンなポップアップ表示で刷新できるカスタムカードです。ボタンやメディアプレイヤー、カレンダーなど多彩なカードタイプに対応し、100以上のコミュニティ製モジュールを追加できる統合Module Storeが特徴です。Lovelace UIをより洗練させたい人に向いています。
Bubble Card is a minimalist and customizable card collection for Home Assistant, featuring modern pop-ups and an integrated Module Store with over 100 community-made modules.
An agent skill for building premium, immersive, scroll-driven websites. Works with Codex, Claude Code, and other coding agents. Also available as a Claude Code plugin.
コーディングエージェントに「デザイン判断力」を与えるスキル — Claude CodeやCursorなどのコーディングエージェントが生成しがちな「AIスロップUI」を脱却し、既存のデザインシステムを読み取って洗練されたUI・スライド・グラフィックを生成するスキルです。テーマの差し替えに留まらず、コードから文脈を汲んで本格的なデザイン提案を行う点が特徴です。
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.