Feature Sliced Design skill

O que ela faz

É a skill oficial do Feature-Sliced Design v2.1, um método de organizar projeto de front-end em camadas: app, pages, features, entities e shared. Traz uma árvore de decisão em cinco passos pro Claude saber onde fica cada componente, função ou chamada de API.

A regra de base é começar simples: tudo nasce na pasta da página e só sai dali quando é usado em vários lugares de verdade. A skill também cobra que cada parte só importe das camadas de baixo, sempre pelo index.ts, e reprova arquivo com nome genérico como utils.ts e helpers.ts.

Tem guias extras que o Claude só abre quando precisa: migrar um projeto que não segue o método, integrar com Next.js, Nuxt, React Router, Vite ou Astro, montar login e chamadas de API, e encaixar Redux ou TanStack Query.

Nas palavras de quem fez

Quando usar

• Começar um front-end novo com pastas que aguentam crescer
• Arrumar um projeto em que ninguém acha mais nada
• Decidir se um componente fica na página ou vira peça compartilhada
• Migrar da versão 2.0 do FSD ou de uma estrutura própria
• Revisar imports cruzados entre partes do sistema

Depois de instalar, é só pedir assim

• Organiza esse projeto Next.js no Feature-Sliced Design, começando só com app, pages e shared
• Onde eu coloco o formulário de login e o token de sessão nesse projeto?
• Revisa a estrutura de pastas e aponta onde tem import proibido entre features

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas