JS 
jakubkrehel/skills
Developer toolsこのページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る
1.1万 stars 品質 73 トレンド 95MIT
jakubkrehel/スキルは、[[T0]からインポートされたエージェントスキル候補です。
概要
jakubkrehel/スキルは、[[T0]からインポートされたエージェントスキル候補です。
概要（AI 翻訳）
UI、タイポグラフィ、カラー、アクセシビリティ、レイアウト、プロダクトライティングを網羅し、優れたインターフェース構築を支援するエージェントスキルのコレクションです。
これらのスキルは、私が個人のウェブサイトやデザインエンジニアリング雑誌『Interfaces』で書くテーマをカバーしています。
優れたインターフェース構築に役立つスキル
- better-interface:アクセシビリティ、レイアウト、ライティング、タイポグラフィ、color、UIの仕上げに関するすべての
better-*スキルを一つのレビューにまとめます。 - better-ui:プロジェクトの表面、アイコン、動きをボーダー半径、光学的アライメント、影、アイコン状態、アニメーションの正確な値で磨き上げます。
- better-typography:製品のテキスト表示方法を設定・レビューします。タイプスケールや間隔からフォント特徴、ラッピング、短縮、句読点まで。
- better-colors:プロジェクトのカラーシステムの構築とチェックに役立ちます。パレット生成、意味トークンの名前、フォーマット間の変換、コントラストの測定。
このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。
README
以下は原文 README の抜粋です。原文を見る。
A collection of agent skills that cover UI, typography, colors, accessibility, layout, product writing and help you build a great interface.
These skills cover topics that I write about on my personal website and my design engineering magazine, Interfaces.
Skills that help build great interfaces
- better-interface: Reviews a screen, flow or whole interface across accessibility, layout, writing, typography, color and UI polish, and returns one ranked report.
- better-ui: Polishes surfaces, icons and motion with exact values for border radius, optical alignment, shadows, icon states and animation.
- better-typography: Sets and reviews how text renders, from the type scale and spacing to font features, wrapping, truncation and punctuation.
- better-colors: Builds and checks color systems by generating palettes, naming semantic tokens, converting between formats and measuring contrast.
- better-accessibility: Reviews and fixes keyboard and focus behavior, ARIA, accessible names, forms, screen-reader announcements, motion and zoom against WCAG 2.2.
- better-layout: Sets grouping, alignment, reading order, responsive structure and room for translated text, so a layout holds up when it is resized, translated or mirrored.
- better-writing: Writes and reviews interface copy, from labels and errors to empty states and confirmations, so it matches the product’s voice and tells people what to do next.
- interface-review: Reviews a branch, pull request or uncommitted change for the interface problems it introduced or regressed, across accessibility, layout, writing, typography, color and UI. User-invoked.
- explain-interface: Explains how a website, a visual effect or an animation was built, from a live URL or a screenshot. User-invoked.
- break: Renders a component you choose under every scenario that can reach it on a temporary page and stress tests it. User-invoked.
- build-design: Builds UI from a Figma file or a design image so it matches the design, using the project’s existing tokens and components.
推奨ツール
別のキーワードを試すか、フィルタを外してください。
インストール
npx skillfish add jakubkrehel/skills