pbakaus

pbakaus

アクティブ
24
スキル
3
カテゴリ
ClaudeCodexCode(CC)

公開スキル 24

📝

typeset

タイポグラフィを意図的なデザインに変換する

安全 70

一般的なフォントや一貫性のないサイズ感は、インターフェースの情報信憑性を損ないます。Typesetはプロフェッショナルなタイポグラフィの原則を適用し、明確な階層構造、読みやすいテキスト、ブランド的人格を反映した洗練されたビジュアルを作成します。

Claude Codex Code(CC)
インストール
🎨

teach-impeccable

一貫したAIコラボレーションのためのデザインコンテキストをキャプチャ

安全 71

AIアシスタントは、ブランドやユーザーを理解することで、より良いデザイン判断を下すことができます。このスキルは一度実行され、プロジェクト固有のデザインコンテキストを収集し、将来のすべてのセッションのために保存します。

Claude Codex Code(CC)
インストール
📦

shape

コーディング前のUX/UIデザイン計画

安全 75

AIが生成したUIの大部分が失敗するのは、デザイン思考を飛ばすからです。このスキルは、機能実装前にユーザーのニーズ、制約、目標を理解するための構造化された発見インタビューを実施してから、実装を導く包括的なデザインブリーフを作成します。

Claude Codex Code(CC)
インストール

polish

UI を完璧に磨き上げる

安全 70

UI コードのアラインメント、スペーシング、一貫性、ディテールの問題を検出する入念な品質チェックスキルです。優れた作業を磨き上げられたプロフェッショナルなインターフェースへと変えます。

Claude Codex Code(CC)
インストール
📦

quieter

大胆すぎるデザインの洗練

安全 70

Claudeは的攻击的で視覚的に圧倒される 디자인을 자동으로控えめに调整하여、影响力と机能性を维持しながら、より洗練された洗練された美しさを创り出すことができます。

Claude Codex Code(CC)
インストール
🎨

overdrive

Cutting-edge effectsでorovative的なWebインターフェースを作成

安全 71

標準的なWebインターフェースは静的かつ予測可能です。Overdriveは、ユーザーの驚きと喜びを引き出すcinematic transitions、GPU-accelerated visuals、physics-based animationsでそれらを変革します。

Claude Codex Code(CC)
インストール

optimize

より高速な読み込みとスムーズな操作を実現するWebパフォーマンス最適化

安全 68

遅いインターフェースはユーザーの不満を招き、指標に悪影響を及ぼします。このスキルは、読み込み速度、レンダリング、アニメーション、画像、バンドルサイズにおけるパフォーマンスのボトルネックを体系的に特定して修正し、より高速でスムーズなユーザー体験を作成します。

Claude Codex Code(CC)
インストール
🚀

onboard

採用を促進するユーザーオンボーディングフローの設計

安全 71

ユーザーは製品の価値をすぐに理解できないとき、製品を離脱します。このスキルは、ユーザーを圧倒することなく最初の成功へと導くオンボーディング体験を作成するのに役立ちます。

Claude Codex Code(CC)
インストール
📦

normalize

UIコンポーネントをデザインシステムに正規化する

安全 71

デザインシステムからの逸脱を自動的に検出・修正し、設計の不整合を解決します。すべてのコンポーネントが適切なトークン、パターン、確立された規則を使用することを保証します。

Claude Codex Code(CC)
インストール
📦

layout

Systematic Spacingによる洗練されたレイアウトの作成

安全 75

画一的グリッドと不整合なスペーシングを改善し、安っぽく見えるインターフェースを修正します。このスキルは体系的なスペーシングスケール、視覚的なリズム、明確な階層を確立し、一般的なレイアウト意図的な構成物に変換します。

Claude Codex Code(CC)
インストール
📦

impeccable

AIで洗練されたフロントエンドインターフェースを構築する

低リスク 75

AIが生成するインターフェースは一般的に画一的でテンプレート化されがちです。Impeccableはエキスパートのデザイン判断を通じてAIを導き、独自性があり本番環境レベルのフロントエンドコードを生み出します。

Claude Codex Code(CC)
インストール
🛡️

harden

本番環境のリalityに対してインターフェースを強化する

安全 70

インターフェースは、実際のユーザーが予期しないデータを入力したり、接続が切れたり、支援技術を使用したりすると壊れます。このスキルは、エッジケース、国际化、エラー、アクセシビリティの問題に対してUIを体系的に強化し、本番対応の高い耐性を確保します。

Claude Codex Code(CC)
インストール
📦

frontend-design

際立つフロントエンドインターフェースを構築する

安全 73

一般的なAI生成コードは、陳腐でテンプレート化されたデザインを生み出します。このスキルは、印象的なユーザー体験を創造するための大胆な美的指向と本番品質の実装を指導します。

Claude Codex Code(CC)
インストール
📦

extract

デザインシステムコンポーネントの抽出

安全 72

コードベースから再利用可能なコンポーネント、デザイントークン、パターンを識別して抽出し、構造化されたデザインシステムを構築します。このスキルは、散在するUIコードを体系的で文書化されたアセットに統合します。

Claude Codex Code(CC)
インストール

distill

デザインを必要不可欠な要素までシンプル化し、不要な要素を取り除く

安全 70

このスキルは、AIアシスタントが複雑なデザインをシンプル化し、不要な要素を取り除くことで、ユーザーの目標を導く清洁で焦点を絞ったユーザーインターフェースを作成することを支援します。

Claude Codex Code(CC)
インストール
📦

delight

マイクロインタラクションでインターフェースに心地よい体験をプラス

安全 72

機能的なインターフェースは冷たく機械的に感じられることがあります。このスキルは、ユーザビリティを維持しながら、ユーザーを笑顔にする喜びと個性の瞬間を戦略的に追加します。

Claude Codex Code(CC)
インストール
🎨

critique

デザインを批評する

安全 67

AI生成されたパターン、視覚的階層の問題、そしてインターフェースを向上させるための実用的な改善策を特定する専門的なUXデザインフィードバックを取得します。

Claude Codex Code(CC)
インストール
🎨

colorize

デザインに戦略的な色を加える

安全 71

灰色の生きる力を失ったインターフェースを、温かみがあり魅力的な体験に変えます。このスキルは、視覚的な階層構造とユーザーの喜びを向上させるために、色意図的に適用します。

Claude Codex Code(CC)
インストール
📦

clarify

UXコピーの明確化とエラーメッセージの改善

安全 72

わかりにくいインターフェーステキストはユーザーを困惑させ、サポートコストを増加させます。このスキルは、専門用語、曖昧なラベル、不適切なエラーメッセージを、ユーザーを効果的に導く明確で親しみやすいコピーに変換します。

Claude Codex Code(CC)
インストール
🎨

bolder

退屈なデザインを大胆な体験に変える

安全 71

ありきたりで忘れてしまいそうなインターフェースに甘んじるのは止めましょう。このスキルはClaudeが_usersを惹きつけながらユーザビリティとアクセシビリティ基準を維持した視覚的にインパクトのあるデザインを作成するのに役立ちます。

Claude Codex Code(CC)
インストール
📦

audit

インターフェース品質の監査

安全 70

不適切なインターフェース品質はユーザーエクスペリエンスを損ない、障害を持つユーザーを排除します。このスキルは、アクセシビリティ、パフォーマンス、テーマ、レスポンシブデザインにわたって体系的な監査を提供し、本番環境に到達する前に問題を特定します。

Claude Codex Code(CC)
インストール
📐

arrange

意図的なスペーシングとリズムでレイアウトを変革する

安全 70

単調なグリッドや不規則なスペーシングを排除します。このスキルは、意図的なスペーシング、変化のあるリズム、構造化されたレイアウトを通じて視覚的な階層を作成するための体系的なアプローチを提供します。

Claude Codex Code(CC)
インストール

animate

意図的なアニメーションとマイクロインタラクションの追加

安全 70

静的なインターフェースは未完成に感じられ、ユーザーをガイドする機会を逃しています。このスキルは、フィードバックを提供し、理解を深め、ユーザーを圧倒することなく楽しいエクスペリエンスを作成するモーションを戦略的に追加するのに役立ちます。

Claude Codex Code(CC)
インストール
📦

adapt

あらゆる画面やプラットフォームにデザインを適応

安全 71

モバイル、タブレット、デスクトップ、印刷、メールなどでデザインを機能させることに苦労していませんか?このスキルは、一貫性とユーザビリティを維持しながら、異なるコンテキストにデザインを適応させるための専門的なガイダンスを提供します。

Claude Codex Code(CC)
インストール