跳到正文
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(原文)

安装前可以查看交给 AI 代理的指令内容。

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

评价

还没有评价。欢迎分享你的使用感受。

评论

无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。

还没有评论。来写第一条吧。

提交后会立即公开。请勿填写邮箱、电话等个人信息。URL 最多 2 个。

0 / 1000 字

此表单受 reCAPTCHA 保护,适用 Google 的隐私权政策和服务条款。

同一仓库的技能

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/agent-ready-component92026年8月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/agent-ready-component92026年8月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/agent-ready-component92026年8月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/agent-ready-component92026年8月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/agent-ready-component92026年8月28日 更新

brandkit

免费

Premium brand-kit image generation skill for creating high-end brand-guidelines boards, logo systems, identity decks, and visual-world presentations. Trained for minimalist, cinematic, editorial, dark-tech, luxury, cultural, security, gaming, developer-tool, and consumer-app brand systems. Optimized for intentional logo concepting, refined composition, sparse typography, strong symbolic meaning, premium mockups, art-directed imagery, and flexible grid layouts.

中文简介正在准备中。当前显示原文说明。

waynesutton/agent-ready-component92026年8月28日 更新

查看 waynesutton 的全部技能

报告此技能的问题