web-artifacts-builder
✓React + Tailwind CSS + shadcn/ui を使用した最新の Web 開発パターンにより、運用品質、アクセス可能、パフォーマンスの高い Web アプリケーションを構築
SKILL.md
This skill provides comprehensive patterns and best practices for building modern web applications using the React + Tailwind CSS + shadcn/ui stack. It emphasizes component-driven development, type safety with TypeScript, accessibility, and performance optimization.
Design Considerations: Based on research from "Improving frontend design through Skills":
This stack provides excellent developer experience, type safety, accessibility, and performance for modern web development.
React + Tailwind CSS + shadcn/ui を使用した最新の Web 開発パターンにより、運用品質、アクセス可能、パフォーマンスの高い Web アプリケーションを構築 ソース: bejranonda/llm-autonomous-agent-plugin-for-claude。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill web-artifacts-builder- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
web-artifacts-builder とは？
React + Tailwind CSS + shadcn/ui を使用した最新の Web 開発パターンにより、運用品質、アクセス可能、パフォーマンスの高い Web アプリケーションを構築 ソース: bejranonda/llm-autonomous-agent-plugin-for-claude。
web-artifacts-builder のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude --skill web-artifacts-builder インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/bejranonda/llm-autonomous-agent-plugin-for-claude
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01