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 仓库查看创作者相关仓库

下载

在 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.