ContentAvançado

Frontend Design Pro

porbinjuhor·binjuhor· v1.0.0 · atualizado em 2026-04-10

Score

Creates stunning, production-ready frontend interfaces and delivers perfectly matched real photos (Unsplash/Pexels direct links) or flawless custom image-generation prompts for hero images, backgrounds, and illustrations. Ensures zero AI artifacts and valid URLs.

frontend-designui-uxweb-designimage-generationcsshtmltailwindresponsive-design

Linguagens

HTMLCSS

0Stars

0Forks

0Usos

Fork

Documento do Skill

SKILL.mdfrontend-design-pro/workflow

Choose Aesthetic: — Select a bold aesthetic direction (e.g., Minimalism, Neumorphism).

Font Selection: — Choose characterful fonts (e.g., GT America, Reckless) instead of default AI fonts.

Color Palette: — Define a dominant color and sharp accent(s).

Signature Detail: — Incorporate a unique signature detail (e.g., grain, custom cursor).

Image Selection: — Find real photos from Unsplash/Pexels/Pixabay, or generate a detailed prompt for AI image generation.

Code Implementation: — Write production-grade, copy-paste-ready code (HTML + Tailwind/CSS, React, Vue, etc.).

Responsiveness: — Ensure the design is fully responsive and performant.

Accessibility: — Implement WCAG AA/AAA compliance, focus styles, and semantic HTML.

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

Similar aPoster Design Generation

60%

Similar a ←N8n Content Design

60%

Similar a ←UI Design Review

60%

Similar a ←Card Creation

60%

Similar a ←Awwwards Landing Page

60%

Similar a ←OpenPencil

60%

Similar a ←Obsessive Design Advisor

60%

Similar a ←UI Design

60%

Similar a ←Graphic Designer

60%

Similar a ←Design DNA

60%

Similar a ←Preline Theme Generator

60%

Similar a ←TUI Design System

60%

Similar a ←Design Skills

60%

Árvore do Skill

Frontend Design Pro

frontend-design-pro

Fases Cognitivas6

1.SENSE

2.CONTEXTUALIZE

3.HYPOTHESIZE

4.RECOMMEND

5.ACT

6.REFLECT

Triggers8

create a stunning frontend interfacedesign a production-ready websitegenerate a hero image promptbuild a visually impressive UIdesign a website with a specific aestheticcreate a modern web interfacedesign a responsive web applicationgenerate images for a website

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-pro

$ synaptic skills detail frontend-design-pro

$ synaptic skills live frontend-design-pro

Dependências

React Vue Unsplash Pexels Pixabay Midjourney Ideogram Flux

Links

GitHub Repository