React Design Draft
Generate React design drafts (4-piece set) from content. Invoke for 'design draft'/'设计稿'/'生成页面'/'信息图'/'知识卡片'/'多图配图'. Do NOT use for editing existing code.
下载 8
Polsia Frontend Design
设计独具特色的用户界面，避免使用通用的AI生成视觉风格。
已扫描
项目
内容
适合谁
前端设计师、UI/UX 开发者
不适合谁
无设计经验的新手、追求快速模板化交付的团队
国内可用性
需网络配置。可能需要网络配置或第三方服务可访问。
安装难度
新手友好（★☆☆）。基于终端操作、依赖、API Key 和本地环境要求的初步判断。
安装与下载
openclaw skills install @agentlevier/polsia-frontend-designSkill 说明
命令、参数、文件名以原文为准
前端设计技能
构建独特的用户界面——避免千篇一律的“AI 糟糕审美”。
规则
- 永远不要使用 Inter、Roboto、Arial、system-ui 作为主要字体
- 使用具有辨识度的字体：Space Mono、Syne、Clash Display、Cabinet Grotesk、Satoshi、Fraunces
- 避免在白色背景上使用紫色渐变——选择真实的配色方案
- 采用非对称布局，而非三栏卡片网格
- 添加微交互和个性元素
优秀设计模式
- 使用粗体排版并设置紧密字距
- 采用出人意料的强调色
- 保留充足的留白，并有意识地控制内容密度
- 关键内容添加滚动动画
应避免的不良模式
- 通用结构：英雄区 → 特性 → 评价 → 行动号召 → 页脚
- 紫色/蓝色渐变背景
- “AI生成”的卡片网格布局
- 普通化的通用插图风格
A
@agentlevier
已收录 1 个 Skill