eva813/skills-base

1

vue3-best-practices Vue 3 performance optimization and best practices guidelines for modern frontend applications.

eva813/skills-base

211

2

vue3-frontend Comprehensive Vue 3 frontend development skill. Use when developing Vue 3 applications, components, or composables. C…

eva813/skills-base

102

3

frontend-design Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks …

eva813/skills-base

9

4

vercel-composition-patterns React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flex…

eva813/skills-base

8

5

git-conventional-commits Professional git commit workflow with Conventional Commits format. Enforces commit type categorization (feat, fix, do…

eva813/skills-base

7

6

react-agent Pragmatic React development focused on avoiding over-engineering, effective state management, and render optimization…

eva813/skills-base

6

7

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

eva813/skills-base

6

8

vercel-react-native-skills React Native and Expo best practices for building performant mobile apps. Use when building React Native components, …

eva813/skills-base

6

9

web-design-guidelines Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "aud…

eva813/skills-base

6

10

api-enrichment API 與數據規格補? Skill。當完成 UI 切版預覽後（vue3-layout 斷點 B），需要補? API、數據模型、State 結構時使用。 根據 s…

eva813/skills-base

4

11

vue-layout Vue 3 + SCSS 切版技能（切版 Agent）— 像素級精確實現。從 Figma 設計稿生成 **1:1 視覺保真的** Vue 3 純展示元件（Dumb Co…

eva813/skills-base

4

12

ai-pm AI PM 逆向工程規格產生器。當用戶提到「沒有 Spec」、「PM 沒給規格」、「只有 Figma 設計稿」、 「從 Figma 推規格」、「AP…

eva813/skills-base

3

13

figma-implement-design Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI co…

eva813/skills-base

3

14

logic-coder Vue 3 前端邏輯技能（邏輯 Agent）。接收 enriched-spec.md（含 API 對應表、State 結構定義、錯誤處理方案），將切版完成的…

eva813/skills-base

3

15

skill-creator Create new skills, modify and improve existing skills, and measure skill performance. Use when users want to create a…

eva813/skills-base

3

16

figma-export Export Figma frames as PNG images via Figma REST API. Use when you need to get a design screenshot from a Figma URL f…

eva813/skills-base

1

17

pixel-diff Pixel-level image comparison between two screenshots. Generates a visual diff overlay highlighting differences. Use f…

eva813/skills-base

1