frontend-design

星标217

分支19

更新时间2026年6月9日 16:12

Design and implement polished, usable frontend screens with production-minded UX details.

安装

用 Codex 或 Claude 帮你安装复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。

来源

JuneQQQ

JuneQQQ/polynoia

下载

Frontend Design

Use this skill for UI screens, web apps, components, product flows, and visual polish.

Guidelines:

Build the actual usable screen first, not a marketing placeholder.
Match the app's existing design language before introducing new patterns.
Make key workflows obvious and efficient.
Use stable layout dimensions so labels, icons, and dynamic states do not shift the UI.
Check mobile and desktop behavior for overflow, overlap, and text clipping.
Prefer real product visuals, data, screenshots, or generated bitmap assets when visuals are needed.

同仓库更多 Skills

同仓库

Write rigorous academic prose — papers, literature reviews, abstracts, theses — with proper structure, citations, and a formal tone.

Design APIs, data models, service boundaries, and reliable backend implementation plans.

Review code for bugs, regressions, maintainability risks, and missing tests.

Analyze datasets, produce charts, explain trends, and turn numbers into decisions.

Draft and generate structured Word documents, reports, proposals, and formal writeups.

Build useful spreadsheets, financial models, formulas, pivots, and editable xlsx outputs.

name	frontend-design
description	Design and implement polished, usable frontend screens with production-minded UX details.