本文へ移動
cccskills
無料GitHub で公開

agent-ready-interface

Agent Ready project design context for navigation, docs links, and interface tone. Use when building or reviewing UI in this repo so patterns match the documented product feel.

インストール方法を見る

含まれるファイル(2)

  • SKILL.md903 B
  • references/system.md1.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Agent Ready interface

Read the project design context before UI work in this repository.

Canonical context

Load and follow:

references/system.md

That file mirrors .interface-design/system.md in the repo root. If they diverge, prefer the root file and sync this copy.

When to use

  • Building or changing demo navigation, docs links, or resources
  • Aligning copy and layout with the Agent Ready documentation-first feel
  • Running teach-impeccable follow-up after design context exists

Related skills

  • frontend-design for new UI surfaces
  • normalize when UI drifts from established patterns
  • teach-impeccable for initial design context gathering

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

adapt

無料

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

animate

無料

Review a feature and enhance it with purposeful animations, micro-interactions, and motion effects that improve usability and delight. Use when the user mentions adding animation, transitions, micro-interactions, motion design, hover effects, or making the UI feel more alive.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

arrange

無料

Improve layout, spacing, and visual rhythm. Fixes monotonous grids, inconsistent spacing, and weak visual hierarchy. Use when the user mentions layout feeling off, spacing issues, visual hierarchy, crowded UI, alignment problems, or wanting better composition.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

audit

無料

Run technical quality checks across accessibility, performance, theming, responsive design, and anti-patterns. Generates a scored report with P0-P3 severity ratings and actionable plan. Use when the user wants an accessibility check, performance audit, or technical quality review.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

bolder

無料

Amplify safe or boring designs to make them more visually interesting and stimulating. Increases impact while maintaining usability. Use when the user says the design looks bland, generic, too safe, lacks personality, or wants more visual impact and character.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

clarify

無料

Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand. Use when the user mentions confusing text, unclear labels, bad error messages, hard-to-follow instructions, or wanting better UX writing.

日本語の概要は準備中です。原文の説明を表示しています。

waynesutton/teleprompter52026年6月28日 更新

waynesutton のスキルをすべて見る

このスキルの問題を報告する