跳到技能内容
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航
发现工具选型指南Skills 技能AI 快讯AI图片AI视频AI文档AI办公AI助手AI搜索AI编程AI音频AI设计AI智能体模型与开发AI学习模型评测AI提示词内容检测AI金融AI 3D扫描与识别其他工具跨境电商 AI
技能目录24 小时热门TOP100 技能每日更新
Skills 技能/any-design/anyui/anyui-design-language

Codex 用共享令牌核对 AnyUI 组件状态

English

Codex 安装步骤

  1. 从固定 GitHub 提交复制 `.codex/skills/anyui-design-language/` 完整目录到项目 `.agents/skills/anyui-design-language/`。
  2. 选择 `$anyui-design-language`,先查看 `packages/vue/src/styles/theme/` 中的主题来源。

中文摘要

根据 AnyUI 的圆角、焦点、阴影与动效令牌维护组件,在浅色和深色主题中检查真实交互状态。

SKILL.md 中文导读

可复现示例

在按钮练习示例里添加加载状态,检查它保留原宽度并阻止重复点击。

工作步骤

  1. 找出组件使用的表面、圆角和焦点令牌。
  2. 比较悬停、焦点、禁用与加载状态,核对两种主题。

验收方法

各状态有清楚区别,焦点仍可见,加载时布局不跳。

GitHub 原文 · 更新日期 2026-11-13

适用环境

Codex、AnyUI 固定工作副本及组件预览环境。

常见问题

可以直接改根目录生成的主题 CSS 吗?

先改源主题文件,再由仓库构建生成输出。

技能信息

GitHub 仓库
any-design/anyui

收集于互联网

相关指南

  • ChatGPT Skills 和 Codex Skills 有什么区别?
更多 Codex 技能

相关推荐

  • Codex AnyUI 组件编写技能:对齐 Vue、React 和 Svelte 行为

    any-design/anyui

  • Codex AnyUI 文档网站技能:同步中英文组件说明与页面元数据

    any-design/anyui

  • Codex 在 Vue、React 或 Svelte 中接入 AnyUI

    any-design/anyui

词映 AI 导航Skills 技能
工具分类全部工具已本地化技能选型指南AI 快讯