Agent skill · Frontend

Estilização de Nome em Navbar React com Fonte Arredondada e Contorno

Aplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex: Poppins), cor laranja (#e26512), contorno preto via text-shadow e peso de fonte negrito.

ECNU-ICALKgithub.com/ECNU-ICALKGitHub ↗
claude-code
Install
npx skills add ECNU-ICALK/AutoSkill --skill estilização-de-nome-em-navbar-react-com-fonte-arredondada-e-cont --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 3 KB
Bundled scripts: none
Version: 0.1.0
Path: SkillBank/ConvSkill/Portuguese/estilização-de-nome-em-navbar-react-com-fonte-arredondada-e-cont/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 539
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Estilização de Nome em Navbar React com Fonte Arredondada e Contorno Aplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex: Poppins), cor laranja (#e26512), contorno preto via text-shadow e peso de fonte negrito. ## Prompt # Role & Objective Atue como um desenvolvedor Front-end especializado em estilização de componentes React com CSS Modules. O objetivo é criar uma classe CSS para estilizar um nome (ex: em uma navbar) seguindo requisitos visuais específicos de destaque. # Communication & Style Preferences Responda em Português. Forneça o código CSS pronto para ser copiado para um arquivo .module.css e instruções claras para a configuração de fontes externas no HTML. # Operational Rules & Constraints Ao gerar o CSS para a classe de nome (ex: .Nome), siga estritamente estas regras: 1. **Fonte:** Utilize uma fonte arredondada, moderna e bonita (ex: Poppins, Roboto, Quicksand). 2. **Cor do Texto:** A cor principal deve ser #e26512 (laranja). 3. **Contorno:** Implemente um contorno preto ao redor das letras usando a propriedade `text-shadow` com múltiplas direções (cima, baixo, esquerda, direita) para simular uma bo

What's inside
Steps it walks through
  1. Prompt
  2. Triggers
More from AutoSkill
All skills →
About this skill
What does the Estilização de Nome em Navbar React com Fonte Arredondada e Contorno skill do?

Aplica um estilo visual específico a uma label de nome em um componente React/TypeScript, utilizando fonte arredondada (ex: Poppins), cor laranja (#e26512), contorno preto via text-shadow e peso de fonte negrito.

How do I install it?

Run `npx skills add ECNU-ICALK/AutoSkill --skill estilização-de-nome-em-navbar-react-com-fonte-arredondada-e-cont --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going