frontend-integration SKILL.md skillA

frontend-integration from felvieira/claude-skills-fv is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add felvieira/claude-skills-fv/frontend-integration@git:20260909.c321d06

Pins git:20260909.c321d06 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
felvieira/claude-skills-fv
Path
skills/04-frontend-integration/SKILL.md
Versions recorded
6
Latest version
git:20260909.c321d06, committed Sep 9, 2026
First version recorded
Mar 10, 2026
Size
21,903 bytes
Repository stars
24
License
Apache-2.0

Skill do Frontend Developer para implementação com React/Next.js, Zustand, React Query, e Skeleton loading. Use quando precisar implementar componentes, páginas, integração com API, gerenciamento de estado, ou qualquer código frontend. Trigger em: "React", "Next.js", "componente", "página", "Zustand", "React Query", "TanStack Query", "skeleton", "loading", "hook", "frontend", "integração", "mobile responsive", "Tailwind", "formulário", "roteamento".

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Frontend Developer - React/Next.js + Zustand + React Query

O Frontend transforma design em codigo, integrando com a API e garantindo UX fluida.

## Governanca Global

Esta skill segue `GLOBAL.md`, `policies/execution.md`, `policies/handoffs.md`, `policies/quality-gates.md`, `policies/token-efficiency.md`, `policies/stack-flexibility.md`, `policies/tool-safety.md` e `policies/evals.md`.

Para snippets extensos e exemplos completos, consultar `docs/skill-guides/frontend-integration.md` apenas quando a tarefa exigir.

Para integracoes locais de MCP com bibliotecas visuais, consultar `docs/skill-guides/ui-component-mcps.md`.

Quando a tarefa exigir navegacao real, screenshots ou verificacao visual do app rodando, esta skill pode configurar ou reutilizar `Playwright MCP` localmente.

## Quando Usar

- implementar tela, componente, estado ou integracao com API
- fechar comportamento de loading, erro, vazio e refresh

## Quando Nao Usar

- para definir regras de negocio sem apoio do Backend ou PO
- para motion, SEO ou review final como atividade principal

## Entradas Esperadas

- spec do PO e direcao de UI/UX
- contrato de API
- restricoes de estado, auth e navegacao
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add felvieira/claude-skills-fv/frontend-integration@sha256:2c8ecc61929c3ab6

The line at the top of this page pins the label git:20260909.c321d06, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_pjbuotauhb2bpwnf.svg)](https://markdownregistry.com/a/art_pjbuotauhb2bpwnf)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 6 versions of this file, between Mar 10, 2026 and Sep 9, 2026, about one every 37 days.

versioncommittedcommitsizeaudit
git:20260909.c321d06 latest2026-09-09 c321d06 21,903 BA view · diff
git:20260822.50fd8102026-08-22 50fd810 21,556 BA view · diff
git:20260527.ada09002026-05-27 ada0900 16,566 BA view · diff
git:20260524.185d6a52026-05-24 185d6a5 16,559 BA view · diff
git:20260310.306e0c82026-03-10 306e0c8 15,916 BA view · diff
git:20260310.14ae6e42026-03-10 14ae6e4 14,826 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (21903 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

felvieira/claude-skills-fv · 24 stars · license Apache-2.0 · pushed 2026-10-13 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_pjbuotauhb2bpwnf
GET https://markdownregistry.com/api/v1/resolve?ref=felvieira/claude-skills-fv/frontend-integration
GET https://markdownregistry.com/api/v1/blob/2c8ecc61929c3ab6d30ec6161ed841ca06ce35fb77fef160c6ab06a15b4718b8

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from felvieira/claude-skills-fv

AGENTS.md AGENTS.md file
felvieira/claude-skills-fv · AGENTS.md
git:20261011.8737e28 · audit A · 24 stars
CLAUDE.md CLAUDE.md file
felvieira/claude-skills-fv · CLAUDE.md
git:20260919.b968287 · audit A · 24 stars
po-feature-spec SKILL.md skill
felvieira/claude-skills-fv · skills/01-po-feature-spec/SKILL.md · Skill do Product Owner para especificação de features. Use quando precisar definir requisitos de negócio, escrever user…
git:20260911.446d12e · audit A · 24 stars
ui-ux-design SKILL.md skill
felvieira/claude-skills-fv · skills/02-ui-ux-design/SKILL.md · Skill do Designer UI/UX para interfaces e experiência do usuário: wireframes, design system tokens, componentes de UI…
git:20260927.356cda5 · audit A · 24 stars
backend-api SKILL.md skill
felvieira/claude-skills-fv · skills/03-backend-api/SKILL.md · Skill do Backend Developer para definição de APIs, banco de dados, e lógica de servidor. Use quando precisar definir…
git:20260909.c321d06 · audit A · 24 stars
qa-testing SKILL.md skill
felvieira/claude-skills-fv · skills/05-qa-testing/SKILL.md · Skill do QA Engineer para testes unitarios, integracao e E2E. Use quando precisar escrever testes, validar regressao…
git:20260909.4b28693 · audit A · 24 stars
security-review SKILL.md skill
felvieira/claude-skills-fv · skills/06-security-review/SKILL.md · Skill do Security Reviewer para auditoria de segurança e boas práticas. Use quando precisar revisar código para…
git:20260909.4b28693 · audit A · 24 stars
deploy-docker SKILL.md skill
felvieira/claude-skills-fv · skills/07-deploy-docker/SKILL.md · Skill do DevOps/Deployer para dockerização, CI/CD, e deploy de aplicações. Use quando precisar criar Dockerfile…
git:20260909.4b28693 · audit A · 24 stars
context-manager SKILL.md skill
felvieira/claude-skills-fv · skills/08-context-manager/SKILL.md · Skill de gerenciamento de contexto e tarefas usando o mecanismo de task, memoria ou checklist disponivel no…
git:20260909.4b28693 · audit A · 24 stars
orchestrator SKILL.md skill
felvieira/claude-skills-fv · skills/09-orchestrator/SKILL.md · Skill do Tech Lead/Orquestrador do pipeline de desenvolvimento. Deve ser usada no inicio de toda task e entre etapas…
git:20260909.4b28693 · audit A · 24 stars
documenter SKILL.md skill
felvieira/claude-skills-fv · skills/10-documenter/SKILL.md · Skill de Documentação por nível de decisão. Use quando precisar documentar features, APIs, arquitetura, setup…
git:20260919.9ec8972 · audit A · 24 stars
reviewer SKILL.md skill
felvieira/claude-skills-fv · skills/11-reviewer/SKILL.md · Skill do Reviewer Final para validação completa antes do deploy. Use quando precisar validar que todos os passos do…
git:20260919.9ec8972 · audit A · 24 stars

Every file in felvieira/claude-skills-fv

Browse by kind, by grade A, or by owner.