stitch-ui-contract-element-plus

Installation
SKILL.md

Element Plus Design Spec (Element Plus / Vue 3)

Constraint: Only use this skill when the user explicitly mentions "Stitch".

Contract ownership

本技能维护目标框架的组件、token 和状态契约,用于生成设计前的约束输入;不生成业务页面代码。产品规格和最终提示词模式由 stitch-design-spec 统一维护。下方 prefix/selector 的拼装提示是框架示例,必须由统一入口结合当前页面与 inline/applied-system/targeted-edit 模式编译,不直接覆盖已应用系统或局部修改范围。

按名称使用 stitch-design-spec;安装说明:npx skills add full-stack-skills/stitch-skills --skill stitch-design-spec,不自动安装。真实代码转换使用对应 components 技能,不能以框架风格设计图代替代码验证。

Purpose

This skill makes the Element Plus design spec executable in two modes:

  1. Prefix mode: output a paste-ready Hard constraints prefix for Stitch [Context].
  2. Selector mode: output CONTRACT_SELECTION_JSON_V1 and then an assembled Stitch prompt that injects only the required component/state snippets.

Trigger Keywords

Prefer this skill when the user request includes any of:

Installs
11
GitHub Stars
1
First Seen
Oct 7, 2026