18 skills · synchronized
MCPに接続PERSONAL SKILL DIRECTORY
スキル事典
PONTECHで使うスキルを検索・参照できます。WebとAIクライアントは同じ最新版を参照します。
UI基準調整
baseline-ui
Open Source
Webのみ
既存UIの余白、文字、階層、状態、細部を小さな修正で整え、実装品質の基準線をそろえる。
Reactコンポジションパターン
composition-patterns
Open Source
Webのみ
boolean propsの増殖を避け、compound component、provider、明示的variantで拡張可能なReact APIを設計する。
デザイン要件レビュー
design-requirements-grill
自作
Webのみ
実装前に目的、利用者、内容、状態、制約、成功条件の未決事項を問い、確認可能なデザイン要件へまとめる。
デザインレビュー
design-review
自作
Webのみ
実装済みUIを実画面のスクリーンショットと操作証拠から確認し、再現可能なデザイン指摘を重要度順に報告する。
アクセシビリティ修正
fixing-accessibility
Open Source
Webのみ
HTMLとUIの名前、キーボード操作、フォーカス、意味構造、フォームエラーを監査し、局所的に修正する。
モーション性能修正
fixing-motion-performance
Open Source
Webのみ
UIアニメーションのlayout thrashing、scroll連動、paint、layer、blurを監査し、既存方式のまま性能を修正する。
フロントエンドデザイン
frontend-design
Open Source
Webのみ
対象、利用者、画面の役割から固有の美的方向性を定め、テンプレート的なUIを避けて実装する。
Reactベストプラクティス
react-best-practices
Open Source
Webのみ
ReactとNext.jsのwaterfall、bundle、server、再描画を影響度順に監査し、計測可能な性能問題を修正する。
UXストラテジスト
ux-strategist
自作
Webのみ
UI制作前に利用者、行動、課題、成功指標を整理し、画面要件とデザインシステムの判断へ接続する。
Webデザインガイドライン監査
web-design-guidelines
Open Source
Webのみ
UIコードを最新のWeb Interface Guidelinesに照らし、アクセシビリティ、性能、UXの問題を行単位で報告する。
白黒エディトリアルデザイン
create-monochrome-editorial-design
自作
Webのみ
白・黒・赤の限定配色と厳密な文字、余白、罫線、写真規則を使い、A4資料と16:9バナーを設計・検査する。
Diagram Design
diagram-design
Open Source
Webのみ
目的に合う図の型を選び、編集品質の高い自己完結HTMLとインラインSVGで技術・プロダクト図を作成する。
Ponytail
ponytail
Open Source
Webのみ
必要性、既存コード、標準機能の順に確認し、安全性を落とさず最小の実装で完了する。
Cloudflareプロジェクト立ち上げ
bootstrap-cloudflare-project
自作
Webのみ
Cloudflare Workers中心の構成を選び、GitHubリポジトリ接続とActionsによる自動デプロイまで安全に立ち上げる。
文章の認知リズム
cognitive-rhythm-writing
自作
Webのみ
説明文の認知モードと未回収の問いを設計し、密度を保ったまま読み進める推進力を作る。
スキル検索
find-skills
Open Source
Webのみ
依頼に合う既存スキルを公開エコシステムから探し、品質を確認して候補を提示する。
anti-slop導入
install-anti-slop
Open Source
Webのみ
TypeScriptとJavaScriptで、根拠を失う型操作や低シグナルな実装をOxlintの規則として検出する。
日本語技術文書
japanese-tech-writing
自作
Webのみ
日本語の技術文書を、論証、読みやすさ、用語、冗長性まで含めて執筆・推敲する。
条件に合うスキルはありません。