frontend-design-system
✓明確なデザイン トークン、レイアウト ルール、モーション ガイダンス、およびアクセシビリティ チェックを使用して実稼働グレードの UI デザインを作成し、一貫性のあるスケーラブルなフロントエンド開発を実現します。
SKILL.md
프로덕션 수준의 UI 디자인을 위한 스킬입니다. 명확한 디자인 토큰, 레이아웃 규칙, 모션 가이드라인, 접근성 체크를 통해 일관되고 확장 가능한 프론트엔드 개발을 지원합니다.
Issue: UI feels generic Cause: 시각적 방향이나 토큰 없음 Solution: 스타일 레퍼런스와 팔레트 제공
Issue: Layout breaks on mobile Cause: 반응형 그리드 규칙 없음 Solution: 브레이크포인트와 스태킹 동작 정의
明確なデザイン トークン、レイアウト ルール、モーション ガイダンス、およびアクセシビリティ チェックを使用して実稼働グレードの UI デザインを作成し、一貫性のあるスケーラブルなフロントエンド開発を実現します。 ソース: supercent-io/skills-template。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-18
- 更新日
- 2026-02-18
クイックアンサー
frontend-design-system とは？
明確なデザイン トークン、レイアウト ルール、モーション ガイダンス、およびアクセシビリティ チェックを使用して実稼働グレードの UI デザインを作成し、一貫性のあるスケーラブルなフロントエンド開発を実現します。 ソース: supercent-io/skills-template。
frontend-design-system のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/supercent-io/skills-template --skill frontend-design-system インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/supercent-io/skills-template
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-18