公開スキル 24
typeset
タイポグラフィを意図的なデザインに変換する
一般的なフォントや一貫性のないサイズ感は、インターフェースの情報信憑性を損ないます。Typesetはプロフェッショナルなタイポグラフィの原則を適用し、明確な階層構造、読みやすいテキスト、ブランド的人格を反映した洗練されたビジュアルを作成します。
teach-impeccable
一貫したAIコラボレーションのためのデザインコンテキストをキャプチャ
AIアシスタントは、ブランドやユーザーを理解することで、より良いデザイン判断を下すことができます。このスキルは一度実行され、プロジェクト固有のデザインコンテキストを収集し、将来のすべてのセッションのために保存します。
shape
コーディング前のUX/UIデザイン計画
AIが生成したUIの大部分が失敗するのは、デザイン思考を飛ばすからです。このスキルは、機能実装前にユーザーのニーズ、制約、目標を理解するための構造化された発見インタビューを実施してから、実装を導く包括的なデザインブリーフを作成します。
polish
UI を完璧に磨き上げる
UI コードのアラインメント、スペーシング、一貫性、ディテールの問題を検出する入念な品質チェックスキルです。優れた作業を磨き上げられたプロフェッショナルなインターフェースへと変えます。
quieter
大胆すぎるデザインの洗練
Claudeは的攻击的で視覚的に圧倒される 디자인을 자동으로控えめに调整하여、影响力と机能性を维持しながら、より洗練された洗練された美しさを创り出すことができます。
overdrive
Cutting-edge effectsでorovative的なWebインターフェースを作成
標準的なWebインターフェースは静的かつ予測可能です。Overdriveは、ユーザーの驚きと喜びを引き出すcinematic transitions、GPU-accelerated visuals、physics-based animationsでそれらを変革します。
optimize
より高速な読み込みとスムーズな操作を実現するWebパフォーマンス最適化
遅いインターフェースはユーザーの不満を招き、指標に悪影響を及ぼします。このスキルは、読み込み速度、レンダリング、アニメーション、画像、バンドルサイズにおけるパフォーマンスのボトルネックを体系的に特定して修正し、より高速でスムーズなユーザー体験を作成します。
onboard
採用を促進するユーザーオンボーディングフローの設計
ユーザーは製品の価値をすぐに理解できないとき、製品を離脱します。このスキルは、ユーザーを圧倒することなく最初の成功へと導くオンボーディング体験を作成するのに役立ちます。
normalize
UIコンポーネントをデザインシステムに正規化する
デザインシステムからの逸脱を自動的に検出・修正し、設計の不整合を解決します。すべてのコンポーネントが適切なトークン、パターン、確立された規則を使用することを保証します。
layout
Systematic Spacingによる洗練されたレイアウトの作成
画一的グリッドと不整合なスペーシングを改善し、安っぽく見えるインターフェースを修正します。このスキルは体系的なスペーシングスケール、視覚的なリズム、明確な階層を確立し、一般的なレイアウト意図的な構成物に変換します。
impeccable
AIで洗練されたフロントエンドインターフェースを構築する
AIが生成するインターフェースは一般的に画一的でテンプレート化されがちです。Impeccableはエキスパートのデザイン判断を通じてAIを導き、独自性があり本番環境レベルのフロントエンドコードを生み出します。
harden
本番環境のリalityに対してインターフェースを強化する
インターフェースは、実際のユーザーが予期しないデータを入力したり、接続が切れたり、支援技術を使用したりすると壊れます。このスキルは、エッジケース、国际化、エラー、アクセシビリティの問題に対してUIを体系的に強化し、本番対応の高い耐性を確保します。
frontend-design
際立つフロントエンドインターフェースを構築する
一般的なAI生成コードは、陳腐でテンプレート化されたデザインを生み出します。このスキルは、印象的なユーザー体験を創造するための大胆な美的指向と本番品質の実装を指導します。
extract
デザインシステムコンポーネントの抽出
コードベースから再利用可能なコンポーネント、デザイントークン、パターンを識別して抽出し、構造化されたデザインシステムを構築します。このスキルは、散在するUIコードを体系的で文書化されたアセットに統合します。
distill
デザインを必要不可欠な要素までシンプル化し、不要な要素を取り除く
このスキルは、AIアシスタントが複雑なデザインをシンプル化し、不要な要素を取り除くことで、ユーザーの目標を導く清洁で焦点を絞ったユーザーインターフェースを作成することを支援します。
delight
マイクロインタラクションでインターフェースに心地よい体験をプラス
機能的なインターフェースは冷たく機械的に感じられることがあります。このスキルは、ユーザビリティを維持しながら、ユーザーを笑顔にする喜びと個性の瞬間を戦略的に追加します。
critique
デザインを批評する
AI生成されたパターン、視覚的階層の問題、そしてインターフェースを向上させるための実用的な改善策を特定する専門的なUXデザインフィードバックを取得します。
colorize
デザインに戦略的な色を加える
灰色の生きる力を失ったインターフェースを、温かみがあり魅力的な体験に変えます。このスキルは、視覚的な階層構造とユーザーの喜びを向上させるために、色意図的に適用します。
clarify
UXコピーの明確化とエラーメッセージの改善
わかりにくいインターフェーステキストはユーザーを困惑させ、サポートコストを増加させます。このスキルは、専門用語、曖昧なラベル、不適切なエラーメッセージを、ユーザーを効果的に導く明確で親しみやすいコピーに変換します。
bolder
退屈なデザインを大胆な体験に変える
ありきたりで忘れてしまいそうなインターフェースに甘んじるのは止めましょう。このスキルはClaudeが_usersを惹きつけながらユーザビリティとアクセシビリティ基準を維持した視覚的にインパクトのあるデザインを作成するのに役立ちます。
audit
インターフェース品質の監査
不適切なインターフェース品質はユーザーエクスペリエンスを損ない、障害を持つユーザーを排除します。このスキルは、アクセシビリティ、パフォーマンス、テーマ、レスポンシブデザインにわたって体系的な監査を提供し、本番環境に到達する前に問題を特定します。
arrange
意図的なスペーシングとリズムでレイアウトを変革する
単調なグリッドや不規則なスペーシングを排除します。このスキルは、意図的なスペーシング、変化のあるリズム、構造化されたレイアウトを通じて視覚的な階層を作成するための体系的なアプローチを提供します。
animate
意図的なアニメーションとマイクロインタラクションの追加
静的なインターフェースは未完成に感じられ、ユーザーをガイドする機会を逃しています。このスキルは、フィードバックを提供し、理解を深め、ユーザーを圧倒することなく楽しいエクスペリエンスを作成するモーションを戦略的に追加するのに役立ちます。
adapt
あらゆる画面やプラットフォームにデザインを適応
モバイル、タブレット、デスクトップ、印刷、メールなどでデザインを機能させることに苦労していませんか?このスキルは、一貫性とユーザビリティを維持しながら、異なるコンテキストにデザインを適応させるための専門的なガイダンスを提供します。