# Fa Page Optimizer (agent 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.

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

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/fantastic-admin/basic |
| Skill path | skills/fa-page-optimizer/SKILL.md |
| Skill name | fa-page-optimizer |
| GitHub stars | 3,414 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 2 |
| Plugin marketplace | no |
| Official | no |
| Works with | Claude Code |
| Category | Design & frontend |
| Last commit | Sep 29, 2026 |

## Add this skill

### Claude Code

```sh
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 skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
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
```

### Cursor

```sh
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
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/fantastic-admin-fa-page-optimizer
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.