Skip to content
appsgit

Fa Page Optimizer

Fa Page Optimizer is an agent skill (a SKILL.md file) from fantastic-admin/basic. 优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI. It works with Claude Code and has 3,414 GitHub stars across a repository of 2 listed skills.

github.com/fantastic-admin/basic/skills/fa-page-optimizer (opens in a new tab)

View on GitHub (opens in a new tab)

Add this skill

Claude

Claude Code loads skills from ~/.claude/skills/ (all projects) or .claude/skills/ (one project):

git clone --depth 1 https://github.com/fantastic-admin/basic.git
cp -r basic/skills/fa-page-optimizer ~/.claude/skills/fa-page-optimizer   # personal, or .claude/skills in a project

In the Claude apps, zip the fa-page-optimizer folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

git clone --depth 1 https://github.com/fantastic-admin/basic.git
cp -r basic/skills/fa-page-optimizer .agents/skills/fa-page-optimizer   # repo; ~/.agents/skills for all projects

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

git clone --depth 1 https://github.com/fantastic-admin/basic.git
cp -r basic/skills/fa-page-optimizer .cursor/skills/fa-page-optimizer   # project; ~/.cursor/skills for all projects

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI 风格'、'用内建组件替换自定义弹窗/分页/加载'，即使用户只是说'看看这个页面能不能改进'也应触发此技能。 严格规则：如果用户没有在请求中明确说明目标应用（例如"在 example 应用中"、"apps/core"），则必须提问，不得自行猜测或默认选择任何应用。

More skills in fantastic-admin/basic

2 skills are listed from this repository.

Similar skills

More design & frontend skills

All Design & frontend

FAQ

Fa Page Optimizer FAQ

Still curious? Email info@appsgit.com.

What is the Fa Page Optimizer skill?

Fa Page Optimizer is an agent skill (a SKILL.md file) from fantastic-admin/basic. 优化 Vue 页面，用 Fantastic-admin 框架内建组件（packages/components/）替换自定义实现和原生 HTML。当用户说：'帮我优化这个页面'、'把这些原生 HTML 换成框架组件'、'用 FaCard/FaModal/FaButton 重构一下'、'这个页面太乱了'、'统一一下 UI. It works with Claude Code and has 3,414 GitHub stars across a repository of 2 listed skills. Its SKILL.md lives at github.com/fantastic-admin/basic/skills/fa-page-optimizer.

How do I install the Fa Page Optimizer skill?

Copy the fa-page-optimizer folder (the one containing SKILL.md) into ~/.claude/skills/ for Claude Code, .agents/skills/ for Codex or .cursor/skills/ for Cursor. The agent picks it up automatically when a task matches its description.

Is the Fa Page Optimizer skill free?

Yes. The repository is open source under the MIT license.

Is Fa Page Optimizer maintained?

The repository's most recent commit was on Sep 29, 2026. Its latest release is v6.4.0. appsgit only lists skills from repositories with a commit in the last six months.