ui-skills

UIコードを修正・調整するデザインエンジニア向けスキル。

無料デザイン・クリエイティブ ★ 10815

#81 スキルリポジトリ289件中

10.8k GitHubスター

ibelick 作者

// 概要

UI Skillsはフロントエンドデザイン作業向けの小さなスキルレジストリで、CLIとMCPサーバーを通じて閲覧・取得できます。多くのスキルはアクセシビリティ、メタデータ、アニメーション性能など、既存HTMLの特定の問題を監査して修正します。

// インストール

Run npx ui-skills start to browse, or npx ui-skills get baseline-ui to fetch one skill. The registry is also available as an MCP server at https://www.ui-skills.com/mcp.

// 対応環境 Claude CodeCodexCursor

// 内容

このリポジトリには次のスキルが含まれています。

baseline-ui：余白、階層、タイポグラフィを整え、雑なUIコードを修正します。
improve-ui：製品画面を設計上の根拠と照合し、確認できた問題を報告します。
fixing-accessibility：ARIAラベル、キーボード操作、フォーカス、コントラストを監査して修正します。
fixing-metadata：ページタイトル、メタ説明、canonical URL、Open Graphタグを修正します。
fixing-motion-performance：レイアウトの頻繁な再計算など、アニメーションの性能問題を見つけます。
create-design-md：既存のリポジトリや公開サイトからDESIGN.mdを作成・更新します。
component-canvas：UIコンポーネントとバリエーションを調べるための、パン・ズーム可能なCanvasを作成します。

ui-skills

// 概要

// 内容

// デザイン・クリエイティブの似たスキル