frontend-design-system
✓プロジェクト設計システムを使用して、React/Tailwind フロントエンドを設計およびリファクタリングします。 UI コンポーネント、ページ、レイアウト、または UX の改善に取り組み、AI のスロップを回避する、特徴的でアクセスしやすい非汎用的なデザインが必要な場合は、このスキルを使用します。
SKILL.md
This Skill packages opinionated guidance for building and refactoring frontend UI so that output:
If the project uses a different stack (e.g. Svelte, Vue, plain HTML/CSS), keep the same design principles and adapt syntax.
If the repo has existing tokens/components, inspect them first (using Read/Grep/Glob) and align with those patterns.
プロジェクト設計システムを使用して、React/Tailwind フロントエンドを設計およびリファクタリングします。 UI コンポーネント、ページ、レイアウト、または UX の改善に取り組み、AI のスロップを回避する、特徴的でアクセスしやすい非汎用的なデザインが必要な場合は、このスキルを使用します。 ソース: d-oit/do-novelist-ai。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
frontend-design-system とは？
プロジェクト設計システムを使用して、React/Tailwind フロントエンドを設計およびリファクタリングします。 UI コンポーネント、ページ、レイアウト、または UX の改善に取り組み、AI のスロップを回避する、特徴的でアクセスしやすい非汎用的なデザインが必要な場合は、このスキルを使用します。 ソース: d-oit/do-novelist-ai。
frontend-design-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/d-oit/do-novelist-ai --skill frontend-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/d-oit/do-novelist-ai
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01