メニュー
SkillsMP は brunoolf/frontend-craft から 18 件の skill を収集しています。skill を開くとソースと詳細を確認できます。
このプロンプトをコピーして、使用中の AI アシスタントに送ってください。
このリポジトリの Agent Skills のインストールを手伝ってください：https://github.com/brunoolf/frontend-craft
まずソース、SKILL.md、関連ファイルを確認し、利用可能な Skill を一覧にして選ばせてください。選択後、対象の Skill ディレクトリを関連ファイルごと現在のプロジェクトにインストールし、必要なファイルが揃っていることを確認してください。収集済み skill 18 件中 18 件を表示しています。
Auditoria tecnica read-only de acessibilidade (WCAG 2.2), performance e comportamento responsivo em interface web. Traz os criterios verificaveis, os padroes buscaveis e o formato de achado com evidencia medida. Use quando algo esta lento ou travando, quando…
原文の言語: ポルトガル語
Critica de design read-only com heuristica, scoring e caca a padroes genericos de IA. Traz a lista de padroes buscaveis via Grep para achado objetivo antes de julgamento subjetivo. Use quando o pedido e vago sobre o que esta errado - "melhora isso", "parece…
原文の言語: ポルトガル語
Projetar interface responsiva desde o inicio - estrategia de breakpoints, layout intrinseco (clamp, min, max, auto-fit), container queries, tipografia fluida, colapso de grade, imagens responsivas, densidade por viewport e as unidades de viewport modernas…
原文の言語: ポルトガル語
Construir, extrair e manter design systems - tokens com papeis, escala tipografica, escala de espacamento, cor, raio, sombra, dark mode e tokens de motion. Inclui o formato do DESIGN.md, o artefato de memoria que preserva as decisoes e suas razoes entre…
原文の言語: ポルトガル語
Sistema completo de design frontend. Use para QUALQUER trabalho de interface, mesmo quando o usuario nunca diz "design" - construir ou refazer sites, landing pages, portfolios, dashboards, UI de app, componentes, formularios, onboarding, estados vazios;…
原文の言語: ポルトガル語
Traduzir design em codigo React/Next real - composicao de componentes, fronteira server e client, responsivo, estados, imagens e escolha de dependencia. Use ao construir UI a partir de uma direcao ou design definido, ou ao refinar codigo de interface…
原文の言語: ポルトガル語
Como ir do brief ao mundo visual - escolher e comprometer com uma direcao concreta, paleta com papeis, pares tipograficos, materialidade e o momento memoravel. Use ao iniciar uma superficie nova, ao substituir o visual de um redesign, ou quando uma interface…
原文の言語: ポルトガル語
Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic…
原文の言語: 英語
Transformar mockup, screenshot ou referencia visual em codigo de interface funcional. Cobre a leitura estruturada da imagem, a extracao do sistema implicito antes de escrever markup, e a verificacao contra o original. Use quando o usuario fornece uma imagem…
原文の言語: ポルトガル語
Revisao read-only de motion - encontrar lugares que deveriam animar e nao animam, julgar animacoes existentes contra um padrao alto de craft, e produzir um plano priorizado de correcoes. Use para "o que poderia ser animado aqui", "revisa as animacoes", "o…
原文の言語: ポルトガル語
Fundamento de motion design para interface - quando animar e quando nao, timing, curvas de easing, springs, padroes de entrada e saida, densidade de movimento, reduced-motion e performance. Carregue antes de qualquer trabalho de animacao, seja para criar,…
原文の言語: ポルトガル語
Implementacao de motion na web sem GSAP - CSS moderno (scroll-driven animations, View Transitions, @starting-style, transition-behavior), e Motion/Framer Motion (AnimatePresence, layout animations, gestos, motion values). Use quando o movimento cabe na…
原文の言語: ポルトガル語
Os quinze verbos de refino de interface - bolder, quieter, distill, polish, delight, overdrive, typeset, layout, colorize, harden, onboard, clarify, adapt, optimize, extract. Cada um define um escopo estrito do que muda e do que nao se toca. Use quando o…
原文の言語: ポルトガル語
Composicao de experiencias dirigidas por scroll - cena fixa de fundo com conteudo rolando por cima, 3D ou canvas reagindo ao progresso do scroll, secoes pinadas, parallax e narrativa por scroll. Cobre a arquitetura que liga scroll, cena e conteudo, o…
原文の言語: ポルトガル語
Os quatro modos de superficie - Persuadir, Operar, Ler, Experimentar - que definem o que conta como sucesso numa tela antes de qualquer decisao visual. Carregue antes de julgar ou desenhar qualquer superficie. Impede o erro mais comum de UX: aplicar criterio…
原文の言語: ポルトガル語
Dataset consultavel de referencia de design - 84 estilos visuais, 192 paletas por tipo de produto, 74 pares tipograficos, 1900 fontes Google, 99 diretrizes de UX, presets de motion, escolha de grafico, icones e padroes de landing page, mais guias por stack…
原文の言語: ポルトガル語
Padroes de UX para interface web - arquitetura de informacao, hierarquia, carga cognitiva, estados de interface (vazio, carregando, erro, sucesso), formularios, navegacao, UX copy, e as diferencas entre desktop e web mobile. Use ao desenhar ou revisar fluxo,…
原文の言語: ポルトガル語
Piso de qualidade compartilhado por todos os agentes do frontend-craft. Carregue antes de escrever ou julgar qualquer UI. Traz as verificacoes mecanicas do resultado construido, os defaults de categoria que se deve recusar, e as arbitragens quando fontes de…
原文の言語: ポルトガル語