TypingMindTypingMindThe best frontend for AI
Uniapp Member Center Skill logo

Uniapp Member Center Skill

Community
jiushiwon
uniapp-member-center-skill

UniApp 会员中心与积分商城技能。包含会员身份、权益中心、积分任务、每日签到、积分商品兑换、会员等级体系。触发词："会员中心"、"积分商城"、"会员权益"、"签到"、"积分兑换"、"个人中心"、"会员等级"、"UID"、"我的"。

Overview

Publisherjiushiwon
Repositorywg-skills
Skill nameuniapp-member-center-skill
Stars
123
Forks
38
Bundled files
6
LicenseApache-2.0
Links
Skill sourceRepository
  • Markdown instructions

    A SKILL.md file the model loads on demand, so it only costs tokens when a request actually matches.

  • Works with any LLM

    AI skills are plain Markdown, not provider-specific code, so this works with GPT, Claude, Gemini, Grok, or a local model.

  • 6 bundled files

    Scripts, templates, and references the model can read while it works. Files are read-only and never executed.

  • Open source

    Published by jiushiwon on GitHub. Read the source before you install it.

Installation

Install the Uniapp Member Center Skill AI skill in TypingMind to use it with any LLM, or drop it into another agent that reads SKILL.md.

1

Install in TypingMind

TypingMind installs a skill straight from its GitHub folder — it reads SKILL.md, bundles the resource files, and stores the result locally.

  1. Open the app and go to Plugins → Skills.
  2. Choose "Install from GitHub".
  3. Paste the skill folder URL below and confirm.
    https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/uniapp/uniapp-member-center-skill
  4. Enable the skill in any chat where you want it available.
Plugins → Skills → Add skill → From GitHub URL, then paste the folder URL and press Continue.
2

Install in another agent

Any agent that reads the Agent Skills format can use this skill — copy the folder into that agent's skills directory.

Claude Code — .claude/skills
git clone --depth 1 https://github.com/jiushiwon/wg-skills.git /tmp/wg-skills
mkdir -p .claude/skills
cp -r /tmp/wg-skills/vibeCoding/frontend/uniapp/uniapp-member-center-skill .claude/skills/uniapp-member-center-skill
Restart Claude Code after copying so it picks up the new skill.

Use it in TypingMind

Enable Uniapp Member Center Skill in any TypingMind chat and the model takes it from there. Its name and description sit in the system prompt, and the moment a request matches, the model loads the full instructions itself — you never invoke it by hand, and it costs no tokens until it is actually used.

The model loads Uniapp Member Center Skill on its own as soon as a request matches it.

Works with any AI model

AI skills are plain Markdown instructions rather than provider-specific code, so Uniapp Member Center Skill is not tied to the model it was written for. Install it once in TypingMind and use it with GPT-5, Claude, Gemini, Grok, DeepSeek, Mistral, Llama, or a local model you run yourself — all on your own API keys.

  • Loaded only when it is needed

    The system prompt carries just the name and description. The instructions are fetched on the first matching request, so an idle skill costs nothing.

  • Switch models mid-chat

    Because the skill is instructions rather than code, changing model does not break it — the next model reads the same SKILL.md.

Skill instructions

This is the SKILL.md content the model loads. Read it before installing — a skill is instructions your model will follow.

UniApp 会员中心与积分商城

生成“会员身份 + 权益 + 积分任务 + 商品兑换”场景页。先复用项目已有规范，再组合业务区块；不得为页面另建主题、请求封装或基础组件体系。

必须依赖

能力依赖 Skill本页使用方式
项目结构与命名uniapp-standard-skill页面目录、分页、组件通信遵循其规范
主题变量uniapp-theme-skill使用 var(--primary-*)、var(--text-*)、var(--bg-*)、var(--radius-*)
视觉规范uniapp-style-skill遵循文字层级、间距、触摸区、图片兜底与对比度规则
基础组件uniapp-page-components-skill优先组合 base-card、base-avatar、base-button、empty
数据请求uniapp-request-skill页面容器负责请求；展示组件只接收数据并 emit 事件

项目无主题系统时先调用 uniapp-theme-skill；无基础页面组件时先调用 uniapp-page-components-skill。禁止为了赶效果写死颜色、圆角、间距或重复实现请求逻辑。

输出范围

  1. 会员头：身份、等级、积分、权益入口。
  2. 权益区：3~4 个可配置权益，不把业务文案写死进组件。
  3. 每日任务：进度、任务列表、领取状态。
  4. 积分商城：两列商品卡，支持加载、空态、图片错误兜底。
  5. 页面状态：加载骨架、空态、请求失败、未登录跳转。
  6. 数据契约：会员、任务、商品三个 DTO；具体业务后端自行实现。

实施顺序

  1. 读取主题变量与现有基础组件；缺失时先补依赖。
  2. 在页面容器通过 request-skill 请求数据；把 member、tasks、products 传给展示组件。
  3. 以 templates/member-center.vue 作为结构基线，替换 mock 数据。
  4. 点击操作只发出 benefit、task、product 事件；导航与接口副作用留在页面容器。
  5. 按 references/acceptance.md 验收四种数据状态和小程序安全区。

禁止项

  • 禁止引入 uView、Vant、ColorUI 等第三方 UI 库。
  • 禁止把积分、等级、商品、任务名称写死为生产数据。
  • 禁止组件内部直接调用 uni.request。
  • 禁止脱离主题变量复制视觉稿中的固定绿色、金色、圆角和阴影。
  • 禁止只做默认态；必须提供加载、空、失败、未登录处理。

视觉参考见 assets/member-center-premium-reference.png；它只定义信息层级和质感目标，不能作为像素级抄图依据。

触发词

功能触发词
会员中心"会员中心"、"个人中心"、"我的"
积分商城"积分商城"、"积分兑换"、"商品兑换"
会员权益"会员权益"、"权益中心"、"VIP"
每日签到"签到"、"每日任务"、"任务中心"
会员等级"会员等级"、"等级体系"、"成长值"

Bundled files

The model reads these on demand while the skill is loaded. They are exposed as readable files and are never executed.

Frequently asked questions

What does the Uniapp Member Center Skill AI skill do?

UniApp 会员中心与积分商城技能。包含会员身份、权益中心、积分任务、每日签到、积分商品兑换、会员等级体系。触发词："会员中心"、"积分商城"、"会员权益"、"签到"、"积分兑换"、"个人中心"、"会员等级"、"UID"、"我的"。

Why use Uniapp Member Center Skill on TypingMind?

Because you install it once and use it with any model. Uniapp Member Center Skill is plain Markdown rather than provider-specific code, so the same skill runs on GPT-5, Claude, Gemini, Grok, or a local model — and you can switch model mid-chat without it breaking. TypingMind runs on your own API keys, so you pay providers directly instead of a per-seat subscription, and your skills and chats stay in your own storage.

How do I install Uniapp Member Center Skill in TypingMind?

Open Plugins → Skills → Install from GitHub in TypingMind and paste https://github.com/jiushiwon/wg-skills/tree/main/vibeCoding/frontend/uniapp/uniapp-member-center-skill. TypingMind reads its SKILL.md and bundles its files and installs it as a skill you can enable per chat.

Which AI models can use Uniapp Member Center Skill?

Any model you connect in TypingMind. AI skills are plain Markdown instructions rather than provider-specific code, so GPT, Claude, Gemini, Grok, and local models can all load this skill when a request matches it.

How many AI models can I use with Uniapp Member Center Skill?

As many as you like. As long as a model supports skills, you can use Uniapp Member Center Skill with it — GPT, Claude, Gemini, Grok, DeepSeek, Mistral, Llama and more — all on TypingMind with your own API keys.

Is the Uniapp Member Center Skill AI skill free?

Yes. It is published on GitHub by jiushiwon under the Apache-2.0 license. You only pay your own AI provider for the tokens you use.

What are AI skills?

An AI skill is a reusable instruction bundle that teaches an AI model how to do one specific task. It follows the open Agent Skills format: a SKILL.md file with a name and description, plus any scripts, templates or reference files the model may need. The model reads the instructions only when your request matches the skill, so an installed skill costs nothing until it is used.

How are AI skills different from plugins or MCP servers?

A plugin or MCP server gives a model new tools to call — code that runs somewhere and returns a result. An AI skill gives the model knowledge and process instead: how to approach a task, which steps to follow, what good output looks like. Skills are plain Markdown, so they need no server, no API key and no runtime, and they work with any model.

Related AI Skills

View all
HKUDS logo

Cli Anything Godot

HKUDS
OrganizationPopular

Agent-native CLI for Godot project management, scenes, exports, and script execution.

4.6K
49.5K
Instructions
View
HKUDS logo

Cli Anything Intelwatch

HKUDS
OrganizationPopular

Zero friction. Full context. Competitive intelligence, M&A due diligence, and OSINT directly from your terminal. Uses Node.js/npx.

4.6K
49.5K
Instructions
View
kepano logo

Defuddle

kepano
CommunityPopular

Extract clean Markdown from HTML pages with Defuddle CLI.

3.5K
48.5K
Instructions
View
vectorize-io logo

Memory Reflect

vectorize-io
OrganizationPopular

Answer questions about history, habits and past decisions by reasoning over Hindsight memory. Use when asked what was decided about something, how something is usually done, what changed over time, or…

6K
48.5K
Instructions
View

Set up your own AI workspace now

Get notified about new features and future giveaways by subscribing to our newsletter 👇