Habilidades frontend-design

📦

frontend-design

Name: frontend-design
Author: CesarAugustusGroB

Revisão do conteúdo r1 Seguro

Criar Interfaces Frontend Distintivas

Resultados frontend genéricos muitas vezes parecem repetitivos e com uma marca pouco definida. Esta skill orienta Claude, Codex e Claude Code para interfaces polidas e funcionais, com uma direção visual clara.

Suporta: Claude Codex Code(CC)

🥉 79 Bronze

Instalar com meu Agente

Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.

Solicitação do agente

Review the Skillstore skill "frontend-design" from https://skillstore.io/skills/cesaraugustusgrob-frontend-design.md and its manifest at https://skillstore.io/api/skills/cesaraugustusgrob-frontend-design/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.

Recursos legíveis por agentes

Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.

Detalhe em Markdown GET /skills/cesaraugustusgrob-frontend-design.md manifest assinado GET /api/skills/cesaraugustusgrob-frontend-design/manifest lockfile assinado GET /api/skills/cesaraugustusgrob-frontend-design/lockfile

Testar

Usando "frontend-design". Build a dashboard for a boutique analytics product.

Resultado esperado:

Um conceito de dashboard responsivo com um layout editorial refinado, forte hierarquia de dados, movimento subtil e notas de implementação prontas para produção.

Usando "frontend-design". Create a pricing page for a developer tool.

Resultado esperado:

Uma interface de preços distintiva com comparação clara de planos, tipografia com personalidade, cores de destaque, estados de hover e estrutura adequada para dispositivos móveis.

Usando "frontend-design". Redesign a music discovery app screen.

Resultado esperado:

Uma direção de ecrã de aplicação polida, com visuais imersivos, interações práticas e escolhas de layout ligadas ao fluxo de descoberta musical.

Auditoria de segurança

Seguro

v8 • 06/07/2026 Abrir o relatório versionado

The three static system-reconnaissance alerts are false positives. The cited SKILL.md lines describe frontend aesthetics, typography, and visual details; they do not request host inspection, secret access, or environment discovery. No prompt injection or semantic abuse evidence was found.

Arquivos analisados

221

Linhas analisadas

Itens de revisão

Falsos positivos ignorados

A auditoria estática e semântica concluída mais recente não detectou achados de segurança confirmados. Isso não comprova que a skill não tenha efeitos colaterais.

Auditado por: codex Ver histórico de auditoria →

Compartilhar e citar este relatório

Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.

Abrir o relatório versionado

Copiar link do relatório

https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Badge Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/cesaraugustusgrob-frontend-design/security.svg)](https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge)

Badge HTML

<a href="https://skillstore.io/skills/cesaraugustusgrob-frontend-design?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cesaraugustusgrob-frontend-design/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Cartão incorporável

<iframe src="https://skillstore.io/embed/skills/cesaraugustusgrob-frontend-design.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citações acadêmicas (APA · BibTeX · CFF)

Citação APA

CesarAugustusGroB. (2026). frontend-design security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8

Citação BibTeX

@techreport{cesaraugustusgrob-cesaraugustusgrob-frontend-design-2026,
  author = {CesarAugustusGroB},
  title = {frontend-design security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "frontend-design security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "CesarAugustusGroB"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/cesaraugustusgrob-frontend-design/audits/8"
identifiers:
  - type: other
    value: "skillstore:cesaraugustusgrob-frontend-design:audit:8"
    description: "Skillstore immutable audit report identifier"

Comparar variantes

18 variantes instaláveis

Cada autor permanece como um skill instalável separado. A variante recomendada é classificada pelas evidências do Skillstore.

Por que esta variante está em primeiro

Maior pontuação do Skillstore

Autor / fonte Pontuação do Skillstore Confiança das evidências Uso no Skillstore Atualizado

AI-Vibe-Prompts Recomendado

atman36-frontend-design

Pontuação do Skillstore 81

Confiança das evidências Alto

Uso no Skillstore 43

Atualizado

2026-09-09

anthropics

frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 474

Atualizado

2026-09-09

ZhanlinCui

zhanlincui-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 372

Atualizado

2026-09-09

YYH211

yyh211-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 210

Atualizado

2026-09-09

1bertogit

1bertogit-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 193

Atualizado

2026-10-13

92Bilal26

92bilal26-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 27

Atualizado

2026-09-09

Azeem-2

azeem-2-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 21

Atualizado

2026-09-09

am-will

am-will-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 21

Atualizado

2026-09-09

AdamAugustinsky

adamaugustinsky-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 21

Atualizado

2026-09-09

CesarAugustusGroB Atual

cesaraugustusgrob-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 17

Atualizado

2026-09-09

davila7

davila7-frontend-design

Pontuação do Skillstore 79

Confiança das evidências Alto

Uso no Skillstore 12

Atualizado

2026-09-09

anthropics

anthropics-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 133

Atualizado

2026-09-09

pbakaus

pbakaus-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 89

Atualizado

2026-09-09

7Spade

7spade-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 47

Atualizado

2026-09-09

sickn33

sickn33-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 28

Atualizado

2026-09-09

AgentWorkforce

agentworkforce-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 20

Atualizado

2026-09-09

AJV009

ajv009-frontend-design

Pontuação do Skillstore 78

Confiança das evidências Alto

Uso no Skillstore 14

Atualizado

2026-09-09

DennisLiuCk

dennisliuck-frontend-design

Pontuação do Skillstore 76

Confiança das evidências Alto

Uso no Skillstore 8

Atualizado

2026-09-09

Pontuação do Skillstore

Por que esta pontuação Confiança das evidências: Alto

Arquitetura

Manutenibilidade

Conteúdo

Comunidade

Conformidade com a especificação

O que você pode criar

Lançar um Novo Ecrã de Produto

Transforme uma ideia de produto numa interface de primeiro ecrã polida, com uma direção visual memorável.

Atualizar uma Biblioteca de Componentes

Atualize componentes partilhados com melhor tipografia, movimento, espaçamento e detalhes de interação.

Explorar Conceitos de Campanha

Gere direções de interface distintas para páginas de marketing, layouts editoriais ou ferramentas com marca.

Teste estes prompts

Desenhar uma Landing Page Simples

Use the frontend-design skill to build a responsive landing page for [product]. Choose one clear aesthetic direction and implement working HTML, CSS, and JavaScript.

Criar um Componente Polido

Use the frontend-design skill to create a [component] for [audience]. Include states, motion, typography, color variables, and responsive behavior.

Redesenhar um Ecrã Existente

Use the frontend-design skill to redesign this screen: [describe or paste UI]. Preserve the workflow while improving hierarchy, spacing, interaction, and visual character.

Criar um Protótipo com Múltiplas Vistas

Use the frontend-design skill to build a multi-view [app type] prototype. Define a bold aesthetic system, then implement navigation, states, and responsive layouts.

Boas práticas

Forneça o público, o objetivo do produto, a stack necessária e quaisquer restrições de design existentes.
Peça uma direção estética clara antes de solicitar a implementação detalhada.
Pré-visualize o resultado em desktop e mobile antes de aceitar o design.

Evitar

Pedir uma UI moderna genérica sem contexto do produto nem detalhes sobre o público.
Misturar muitos estilos visuais sem escolher uma direção de design principal.
Ignorar verificações de acessibilidade, desempenho ou responsividade após a implementação.

Perguntas frequentes

O que é que esta skill ajuda a criar?

Ajuda agentes de IA a criar componentes frontend, páginas e aplicações polidos, com uma direção visual mais forte.

Que ferramentas podem usá-la?

O relatório lista suporte para Claude, Codex e Claude Code.

Gera aplicações completas?

Pode orientar vistas frontend completas, mas os serviços backend e a implementação continuam a ser trabalho separado.

Pode seguir um sistema de design existente?

Sim. Forneça tokens, componentes, capturas de ecrã ou restrições para que o resultado corresponda ao seu sistema.

Substitui um designer?

Não. Acelera a exploração e implementação de interfaces, mas a revisão humana continua a ser importante.

Existe comportamento malicioso confirmado?

Não foi encontrado comportamento malicioso confirmado no texto da skill analisado.

Detalhes do desenvolvedor

Autor

CesarAugustusGroB

Licença

Complete terms in LICENSE.txt

Revisão da Skillstore

Aviso de versão

O autor não declarou uma versão.

Repositório

https://github.com/CesarAugustusGroB/SHINOBI-WAY-the-inifinite-tower/tree/main/.claude/skills/frontend-design

Referência

dd4a3ef9f20ddf38830950b4bb713df96b431fd6

Atualidade da manutenção

18/07/2026

Uso

13 downloads · 270 visualizações

Estrutura de arquivos

📄 LICENSE.txt

📄 SKILL.md