agentleFS
Sign inStart free
hebertzhuhebertzhu/agent-foundry/skills/ui-ux-pro-max/SKILL.md

ui-ux-pro-max

Skill0 starsChanged 8 months agoMITView on GitHub

用于移动端 / React Native 导向的 UI/UX 设计系统问题：当任务需要产品级信息架构、导航、触控、间距、safe area、无障碍、动效或设计系统决策，并且实现前需要先定 UX 规则，或者会说“底部 tab 怎么设计”“页面流转怎么走”“表单流怎么安排”“手势返回怎么处理”“可点击区域够不够”“按钮点按区域够不够”“safe area 要怎么留”“移动端信息架构怎么定”，or English asks like “how should the bottom tabs work”, “are the touch targets big enough”, “how should safe areas be handled” 时使用。Prefer `frontend-design` for 大胆的新 Web UI，Prefer `react-best-practices` for 现有 React/Next 性能与架构问题；Combine with `ios` / `android` when 决策受原生平台规则约束。

177 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use stock_analysis, ckm:design-system and 10 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • Liang-MHSkill

    stock_analysis

    获取 A 股、基金和港股的实时行情和技术分析数据

    Also in 5 projects that use this

  • klauswgSkill

    ckm:design-system

    Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.

    Also in 24 projects that use this

  • seikaikyoSkill

    banner-design

    Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with optional generated or supplied visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage.

    Also in 38 projects that use this

  • dav-niu474Skill

    aminer-data-search

    使用 AMiner 开放平台 API 进行学术数据查询与分析。当用户需要查询学者信息、论文详情、机构数据、期刊内容或专利信息时使用此 skill。 触发场景：提到 AMiner、学术数据查询、查论文/学者/机构/期刊/专利、学术问答搜索、引用分析、科研机构分析、学者画像、论文引用链、期刊投稿分析等。 支持 6 大组合工作流（学者全景分析、论文深度挖掘、机构研究力分析、期刊论文监控、学术智能问答、专利链分析）以及 28 个独立 API 的直接调用。 即使用户只说"帮我查一下 XXX 学者"或"找找关于 XXX 的论文"，也应主动使用此 skill。

    Also in 4 projects that use this

  • dav-niu474Skill

    auto-target-tracker

    自动目标进度追踪器。在对话中检测到目标相关图片（笔记、进度、截图、记录）时，自动调用 VLM 识别关键信息并记录到目标日记。适用于学习管理、健身追踪、工作进度、习惯养成、创作记录等所有目标管理场景。

    Also in 4 projects that use this

  • +7 more from dav-niu474

The file

We split this skill into the rules it gives an agent

2 rules. 0 are common, 2 are distinctive, and 0 are very specific to this project.

  • 0

    Common

    Most of the 166 edited versions we read keep these.

  • 2

    Distinctive

    This author's own choices. Worth a look.

  • 0

    Very specific

    Tied to their project's names, files or tools. Probably skip.

  • Common
  • Distinctive
  • Very specific
  1. Distinctive:

    Keep examples generic, privacy-safe, and portable across hosts.

    line 21
  2. Distinctive:

    Do not use as a catch-all for every visual change request.

    line 24

“Common” is measured: kept by at least 6 in 10 of the 166 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.

Keep what fits and drop the rest. Your version, ready for your agents.
Files
SKILL.md

ui-ux-pro-max

Intent

  • 用于移动端 / React Native 导向的 UI/UX 设计系统问题：当任务需要产品级信息架构、导航、触控、间距、safe area、无障碍、动效或设计系统决策，并且实现前需要先定 UX 规则，或者会说“底部 tab 怎么设计”“页面流转怎么走”“表单流怎么安排”“手势返回怎么处理”“可点击区域够不够”“按钮点按区域够不够”“safe area 要怎么留”“移动端信息架构怎么定”，or English asks like “how should the bottom tabs work”, “are the touch targets big enough”, “how should safe areas be handled” 时使用。Prefer frontend-design for 大胆的新 Web UI，Prefer react-best-practices for 现有 React/Next 性能与架构问题；Combine with ios / android when 决策受原生平台规则约束。

Default operating pattern

  1. Clarify audience, surface, success metric, and implementation boundary.
  2. Study relevant patterns, references, or constraints before proposing a direction.
  3. Define structure, interaction, copy, and visual hierarchy with a reusable rationale.
  4. Pressure-test accessibility, motion, maintainability, and platform fit.
  5. Return a concise recommendation and the next implementation move.

Pack fit

  • Included in: product-design, platform-apps
  • Keep examples generic, privacy-safe, and portable across hosts.

Boundary

  • Do not use as a catch-all for every visual change request.

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free