Synaptic SkillsSynapticSkills
MarketplaceSkill GraphCriar SkillMCP ServerPlataformaEnterprise
v0.1.0-beta
Voltar ao Marketplace
ContentMédio

Frontend Design Ultimate

porkesslerio·kesslerio· v1.0.0 · atualizado em 2026-04-11
79
Score

Create distinctive, production-grade static sites with React, Tailwind CSS, and shadcn/ui — no mockups needed. Generates bold, memorable designs from plain text requirements with anti-AI-slop aesthetics, mobile-first responsive patterns, and single-file bundling. Use when building landing pages, marketing sites, portfolios, dashboards, or any static web UI. Supports both Vite (pure static) and Next.js (Vercel deploy) workflows.

frontend-designreacttailwind-cssshadcn-uiui-developmentweb-designstatic-site-generation
Linguagens
TypeScriptJavaScriptHTMLCSS
0Stars
0Forks
0Usos
Fork

Documento do Skill

SKILL.mdfrontend-design-ultimate/workflow
1
Define Requirements — : Understand the purpose, audience, and constraints of the website.
2
Choose Aesthetic — : Select an extreme tone (e.g., Brutally Minimal, Maximalist Chaos).
3
Select Typography and Colors — : Choose distinctive typography and a dominant color palette.
4
Implement Design — : Generate the website using React, Tailwind CSS, and shadcn/ui.
5
Ensure Responsiveness — : Implement mobile-first patterns and breakpoints.
6
Configure Content — : Populate the site with editable content using a site config pattern.
7
Evaluate Quality — : Review the design against a checklist for design quality, responsiveness, and accessibility.

Telemetria de Agentes

Execuções
0
total
Taxa de Sucesso
0%
últimos 30d
Latência Média
0.0s
p50
Alucinação
0.0%
detecção
Tokens Entrada
0
avg 0/exec
Tokens Saída
0
avg 0/exec

Uso por Plataforma

Skills Relacionados

Similar aReveal.js Presentations
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
82
Similar aDesign With Taste
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
84
Similar aSvg Animations
60%
Hebbian Synapse
Composite0.600
w = 0.3·α + 0.5·β + 0.2·γ
80

Árvore do Skill

Frontend Design Ultimate
frontend-design-ultimate
Fases Cognitivas5
1.SENSE
2.CONTEXTUALIZE
3.HYPOTHESIZE
4.ACT
5.EVALUATE
Triggers7
create a static site with react and tailwinddesign a landing page using shadcn/uibuild a production-grade website from text requirementsgenerate a website with a bold aestheticcreate a responsive website with mobile-first patternsdevelop a website using vite or next.jsdesign a portfolio site with a unique style

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-ultimate
$ synaptic skills detail frontend-design-ultimate
$ synaptic skills live frontend-design-ultimate

Dependências

reacttypescripttailwind-cssshadcn/uiframer-motionvitenext.js

Links

GitHub Repository