Communityコーディング&開発github.com

Icattj/openclaw-skill-ui-ux-pro-max

UI/UXデザインのスキルを最大化するためのプロフェッショナルガイド。

openclaw-skill-ui-ux-pro-max とは?

このスキルは、AIエージェント(Claude Code、Cursor、Codexなど)がUI/UXデザインのベストプラクティスを適用しながら開発を行うための包括的なガイドです。ユーザーインターフェースの設計から実装までのプロセスを効率化し、アクセシビリティ、レスポンシブデザイン、ユーザビリティの向上に焦点を当てています。対応プラットフォームは特に限定されておらず、Web、モバイル、デスクトップアプリケーションの開発全般で利用可能です。このスキルは、デザインシステムの構築、コンポーネント設計、プロトタイピング、ユーザーテストの統合などをサポートし、開発者がより直感的で美しいインターフェースを素早く作成できるようにします。

対応~Claude Code~Codex CLI~Cursor
npx skills add Icattj/openclaw-skill-ui-ux-pro-max

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

openclaw-skill-ui-ux-pro-max は何をしますか?


概要

このプロフェッショナルスキルは、UI/UXデザインの原則をAIエージェントのワークフローに統合し、ユーザー中心の高品質なインターフェースを実現するためのガイドです。

特徴

  • アクセシビリティファースト: WCAG 2.1 AA基準を満たすデザイン
  • レスポンシブデザイン: 多様なデバイスと画面サイズに対応
  • コンポーネントベース: 再利用可能なUIコンポーネントの設計
  • ユーザビリティテスト: プロトタイプ段階でのテスト統合

使用方法

  1. プロジェクトのルートにこのスキルを配置します。
  2. AIエージェントが自動的にスキルを認識し、UI/UXガイドラインを適用します。
  3. 開発中にデザインの提案や改善点をAIが通知します。

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex
  • その他AIエージェント

ライセンス

MIT


このスキルは、より良いユーザー体験を提供するために設計されています。

関連スキル