skills

このリポジトリは、開発者とデザイナーがより良いユーザーインターフェースを構築するためのエージェントスキル集です。これらのスキルは、作者が自身の個人ウェブサイトとデザインエンジニアリングマガジン『Interfaces』で書いているトピックに基づいています。 含まれるスキル: - better-interface: すべてのbetter-*スキルを1つのレビューにまとめます。 - better-ui: 同心円状のボーダー半径、光学的位置合わせ、文脈に応じたアイコン、ヒットエリア、アニメーションなどをカバーし、プロジェクト全体のUIを改善します。 - better-typography: タイプスケール、スペーシング、サイズ設定、可変フォント、OpenType機能、折り返し、切り詰めなどをカバーし、タイポグラフィを改善します。 - better-colors: パレット生成、セマンティックトークンの使用、形式間の変換、コントラストのチェックなど、カラーシステムの構築に役立ちます。 - better-accessibility: プロジェクトがアクセシビリティの標準とベストプラクティスに準拠するのを支援します。 - better-layout: グループ化、配置、読み順、その他のレイアウトの詳細に役立ちます。 - better-writing: プロダクトコピーを改善し、一貫性を保つことに焦点を当てています。 - interface-review: UI、タイポグラフィ、レイアウト、色彩、ライティング、アクセシビリティにわたる作業をレビューし、詳細な分析を提供します。ユーザー起動型。 - explain-interface: ウェブ上でアニメーション、デザイン、またはUIの一部がどのように構築されたかを解明するのに役立ちます。ユーザー起動型。 - break: 選択したコンポーネントを一時ページ上のすべての状態とシナリオでレンダリングし、ストレステストします。ユーザー起動型。 - variant: コンポーネントの複数のバリアントを構築し、それらを反復するのに役立ちます。ユーザー起動型。 インストールは `npx skills add jakubkrehel/skills` で行います。また、READMEに示されているプラグインマーケットプレイスコマンドを使用して、Claude Codeプラグインとしてインストールすることもできます。