frontend-design

スター1

フォーク1

更新日2026年4月27日 10:34

Create distinctive, production-grade frontend interfaces with high design quality.

インストール

Codex または Claude でインストールこの Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。

Manusで実行

ソース

felixpahlke

felixpahlke/bobster

GitHub リポジトリを開く Creator のリポジトリを見る

ダウンロード

Manusで実行

Frontend Design

Use this skill when building or revising user-facing web interfaces.

Principles

Build the actual working product screen first, not a marketing page unless requested.
Match the interface density and tone to the domain.
Prefer clear layouts, stable dimensions, and familiar controls over decorative novelty.
Use visual assets when the product, place, person, or state needs to be inspectable.
Verify responsive behavior and text fitting across mobile and desktop viewports.

Checklist

Primary workflows are reachable from the first screen.
Buttons use icons for common actions when an icon is clearer than text.
Text does not overlap or overflow its container.
Fixed-format controls use stable dimensions.
The palette has meaningful contrast and is not a single-hue wash.

このリポジトリの他の Skills

同じリポジトリ

customercare-mcp-builder

felixpahlke/bobster

Build MCP servers for customer care agents following Watson Orchestrate specifications. Guides agents through tool creation, transaction patterns, authentication, widgets, and context management with strict adherence to reference specifications. Use when creating customer care MCP servers.

2026-04-271

sop-builder

felixpahlke/bobster

Expert guidance for building a Standard Operating Procedure (SOP) from a workflow diagram, Langflow JSON, n8n JSON, BPMN model or workflow description. Focuses on business problem, data requirements, and business logic in plain language.

2026-04-271

watsonx-orchestrate

felixpahlke/bobster

explains how to work with watsonx-orchestrate (also: wxo, orchestrate) and the corresponding adk (cli). How to create & update agents, tools and other entities in orchestrate. Use this whenever asked anything wxo / orchestrate / watsonx orchestrate related.

2026-04-271

code-review

felixpahlke/bobster

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

2026-04-271

name	frontend-design
description	Create distinctive, production-grade frontend interfaces with high design quality.

Frontend Design

Use this skill when building or revising user-facing web interfaces.

Principles

Build the actual working product screen first, not a marketing page unless requested.
Match the interface density and tone to the domain.
Prefer clear layouts, stable dimensions, and familiar controls over decorative novelty.
Use visual assets when the product, place, person, or state needs to be inspectable.
Verify responsive behavior and text fitting across mobile and desktop viewports.

Checklist

Primary workflows are reachable from the first screen.
Buttons use icons for common actions when an icon is clearer than text.
Text does not overlap or overflow its container.
Fixed-format controls use stable dimensions.
The palette has meaningful contrast and is not a single-hue wash.