DevelopmentAvançado

frontend-design

poranthropics·anthropics· v1.0.0 · atualizado em 2026-04-10

Score

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

frontend-developmentui-designweb-designcsshtmljavascriptreactui-ux

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdfrontend-design-neuroskill/workflow

Gather Requirements: — Understand the user's needs and the purpose of the frontend interface.

Define Aesthetic Direction: — Choose a bold aesthetic tone (e.g., brutally minimal, retro-futuristic) and identify a unique element.

Conceptualize Design: — Plan the typography, color theme, motion, spatial composition, and background details.

Implement Code: — Write production-grade HTML/CSS/JS (or React/Vue) that aligns with the aesthetic vision.

Refine Details: — Meticulously refine every detail to avoid generic AI aesthetics.

Test and Evaluate: — Ensure the frontend is functional, visually striking, and memorable.

Iterate and Improve: — Reflect on the design and identify areas for future improvement.

Telemetria de Agentes

Execuções

total

Taxa de Sucesso

últimos 30d

Latência Média

0.0s

p50

Alucinação

0.0%

detecção

Tokens Entrada

avg 0/exec

Tokens Saída

avg 0/exec

Uso por Plataforma

Skills Relacionados

Compõe comalgorithmic-art

70%

Compõe comAnthropic Brand Styling

70%

Compõe comTheme Factory Skill

70%

Compõe comWeb Artifacts Builder

70%

Compõe com ←canvas-design

70%

50%

Similar aMarkdown to Docs

60%

Similar aImage Optimizer

60%

Similar aReact Component Generator

60%

Co-executedTheme Factory Skill

47%

Co-executedWeb Artifacts Builder

51%

Co-executed ←canvas-design

50%

Árvore do Skill

frontend-design

frontend-design-neuroskill

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.ACT

5.EVALUATE

6.REFLECT

Triggers9

build a web componentcreate a landing pagedesign a dashboarddevelop a React componentgenerate HTML/CSS layoutstyle a web UIbeautify a web UIcreate a websitedesign a web application

Avaliar este Skill

Score Breakdown

⭐Avaliação Humana0%

🤖Sucesso de Agentes0%

🕐Atualidade100%

🔗Saúde de Dependências100%

🕸️Centralidade no Grafo0%

🛡️Segurança50%

CompositeScore = α·Humano + β·Agente + γ·Recência + δ·Deps + ε·Centralidade + ζ·Segurança

Instalação

$ synaptic mcp download frontend-design-neuroskill

$ synaptic skills detail frontend-design-neuroskill

$ synaptic skills live frontend-design-neuroskill

Dependências

HTML CSS JavaScript React Vue

Links

GitHub Repository