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.