impeccable
フロントエンドインターフェースの設計、リデザイン、改善、批評、監査、ブラッシュアップ、明確化、最適化、適応、アニメーション化、カラー化、抽出など、あらゆる改善が必要な場合に使用します。ウェブサイト、ランディングページ、ダッシュボード、プロダクトUI、アプリシェル、コンポーネント、フォーム、設定画面、オンボーディング、空の状態に対応します。UXレビュー、ビジュアルハイアラーキー、情報アーキテクチャ、認知負荷、アクセシビリティ、パフォーマンス、レスポンシブ対応、テーマ、アンチパターン、タイポグラフィ、フォント、余白、レイアウト、配置、色、モーション、マイクロインタラクション、UXコピー、エラー状態、エッジケース、多言語対応、再利用可能なデザインシステムやトークンを扱います。地味なデザインをより大胆で心躍るものに、過度なデザインを洗練させたい場合、ブラウザ上でのUIリアルタイム反復、技術的に優れた野心的なビジュアルエフェクトにも対応します。バックエンド専用タスクやUI以外の業務には使用しません。
description の原文を見る
Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
SKILL.md 本文
本番グレードのフロントエンドインターフェースを設計し、反復します。実際に動作するコード、確定されたデザイン選択、優れた職人技。
セットアップ(必須)
デザイン作業またはファイル編集の前に、これらのゲートを通します。スキップすると、プロジェクトを無視する汎用的な出力が生成されます。
| ゲート | 必須チェック | 失敗時 |
|---|---|---|
| コンテキスト | PRODUCT.md / DESIGN.md ローダーの結果が node {{scripts_path}}/load-context.mjs から既知です。 | ローダーを実行してから続行します。 |
| プロダクト | PRODUCT.md が存在し、空またはプレースホルダー([TODO] マーカー、200文字未満)ではありません。 | {{command_prefix}}impeccable teach を実行し、コンテキストをリフレッシュして、再開します。ユーザーの元のプロンプトだけから PRODUCT.md を合成しないでください。 |
| コマンド | サブコマンドが使用される場合、マッチするコマンドリファレンスが読み込まれます。 | 続行する前にリファレンスを読み込みます。 |
| クラフト | {{command_prefix}}impeccable craft にはこ |
...
詳細情報
- 作者
- hashwanthghanta
- ライセンス
- 不明
- 最終更新
- 2026/5/3
Source: https://github.com/hashwanthghanta/hashwanthghanta.github.io / ライセンス: 未指定