Informations de source
- Dépôt
- FTShare-Lab/ftai-desktop-plugins-official
- Dernière activité de la source
- 24 août 2026 à 02:16
- Langue détectée de SKILL.md
- chinois
- Étoiles
- 0
- Forks
- 0
Options d'installation
Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.
Vérifiez les fichiers source
Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.
Affichage de SKILL.md
SKILL.md
Instructions source · Aperçu en lecture seule- name
- frontend-design
- description
- 高品质前端界面与 UI 设计规范技能。当用户要求设计组件、优化页面视觉风格、规范布局与配色时激活。
# Frontend Design 前端设计技能
本技能指导 AI 智能体输出具备专业设计师水准的高质量前端代码。
## 设计原则
1. **语义化 Token**：一律使用设计系统的语义颜色 token（如 `background`, `foreground`, `card`, `primary`, `muted` 等），禁止硬编码乱用 Hex / RGB 颜色。
2. **严谨的字阶与对齐**：使用清晰的字号梯队（如 `text-xs`, `text-sm`, `text-base`, `text-lg` 等），确保行高与侧栏/基准线对齐。
3. **呼吸感与层次**：合理运用负空间（Padding/Margin）、圆角半径（Radius）与柔和阴影，避免界面杂乱拥挤。
4. **组件交互细节**：按钮与卡片必须包含自然的 Hover/Active 状态、Focus Ring 聚焦环和可访问性标签（ARIA）。
Voir sur GitHub