frontend-design

Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful systems, and polished implementation that avoid generic AI aesthetics. Use when the user wants to build or redesign web pages, flows, components, or full app surfaces, or when another better-web-ui skill needs shared project design context before other better-web-ui skills.

Exécuter dans Manus

Aperçu

Commande d'installation

npx skills add https://github.com/aladicf/better-web-ui --skill frontend-design

Copiez et collez cette commande dans Claude Code pour installer le skill

Source

aladicf/better-web-ui

Étoiles17

Forks0

Mis à jour24 avril 2026 à 22:36

SKILL.md

readonly

name	frontend-design
description	Create distinctive, production-grade frontend interfaces with strong hierarchy, thoughtful systems, and polished implementation that avoid generic AI aesthetics. Use when the user wants to build or redesign web pages, flows, components, or full app surfaces, or when another better-web-ui skill needs shared project design context before other better-web-ui skills.
license	Apache 2.0. Based on Anthropic's frontend-design skill. See NOTICE.md for attribution.
metadata	{"argument-hint":"[page, flow, or component]"}

This compatibility wrapper exposes the frontend-design skill for the .agents/skills layout while keeping skills/frontend-design/SKILL.md as the canonical source of truth.

Follow the canonical instructions in ../../../skills/frontend-design/SKILL.md.

Plus depuis ce dépôt

même dépôt

data-viz

aladicf/better-web-ui

Design or improve data visualizations, charts, and data presentation interfaces. Use when the user asks to add charts, build dashboards, visualize data, choose chart types, make data accessible, or present metrics and analytics.

2026-04-2417

forms

aladicf/better-web-ui

Design, structure, or improve form interfaces for clarity, completion rates, and user confidence. Use when the user asks to build a form, redesign a form flow, improve form conversion, add multi-step forms, fix form UX, or structure field layouts and validation.

2026-04-2417

aladicf/better-web-ui

Design or improve search experiences, result presentation, and filtering interfaces. Use when the user asks to add search, redesign search results, improve findability, build autocomplete, add filters, or fix zero-results dead ends.

2026-04-2417

security-ux

aladicf/better-web-ui

Design security-conscious interfaces that protect users without frustrating them. Use when the user asks about MFA, password UX, breach notifications, trust indicators, secure forms, account recovery, or making security feel safe rather than scary.

2026-04-2417

setup

aladicf/better-web-ui

Gather and persist project design context such as audience, brand personality, UX goals, and implementation defaults for future better-web-ui work. Use when starting a project, defining UI direction, or establishing reusable design guidance before other better-web-ui skills.

2026-04-2417

data-viz

aladicf/better-web-ui

2026-04-2417

Source

aladicf

aladicf/better-web-ui

Ouvrir le dépôt GitHub Voir les dépôts du créateur

Commande d'installation

Téléchargement

Exécuter dans Manus

Utile pourSOC

Concepteurs web et d'interfaces numériquesProfessions informatiques et mathématiques15-1255L4

Exécutez n'importe quel Skill en un clic