소스 정보
- 저장소
- FTShare-Lab/ftai-desktop-plugins-official
- 최근 소스 활동
- 2026년 8월 24일 02:16
- 감지된 SKILL.md 언어
- 중국어
- 스타
- 0
- 포크
- 0
설치 방법
기본적으로 소스를 먼저 확인하는 Prompt가 선택됩니다. 직접 명령으로 전환하거나 로컬 사본을 다운로드할 수도 있습니다.
소스 파일 검토
설치 여부를 결정하기 전에 SKILL.md와 SkillsMP에 표시된 보조 파일을 읽어 보세요.
SKILL.md 표시 중
SKILL.md
소스 지침 · 읽기 전용 미리보기- 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）。
GitHub에서 보기