design-artifact
Description
Execute este comando no seu terminal ou shell do agente
Tags & Topics
Documentação da Skill (SKILL.md)
Ver no GitHubA documentação está disponível no repositório de origem.
https://github.com/plannotator/effective-htmlHabilidades de Agentes de IA Relacionadas
Official html plan capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html diagram capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Official html wireframe capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.
Recursos relacionados do ecossistema
Guias práticos, terminologia essencial e skills de agentes
frontend-design
Create distinctive, production-grade frontend interfaces with curated palettes, avoiding generic AI aesthetics.
codebase-design
Official codebase design capability by @mattpocock. Streamlines autonomous frontend tasks and workflows.
50 estilos de design visual: guia fundamental para sistemas de design, UI/UX e direção de arte
Dicionário visual completo com 50 estilos de design: análise de estética, paletas de cores, pares tipográficos, regras para sistemas de design e controle preciso de IA.
Claude Artifacts (Aplicativos interativos ao vivo no chat)
Recurso revolucionário da interface Claude, da Anthropic. Move o código gerado, esquemas, diagramas e aplicativos React interativos para uma janela separada à direita, renderiza-os em tempo real e permite que os usuários os utilizem sem necessidade de instalação do ambiente.
Sites com Rolagem Animada e Vídeo: Guia Completo de Criação
Como criar um site premium com efeito de vídeo por rolagem (estilo Apple): segmentação de quadros em WebP, suavização LERP no Canvas, remapeamento de tempo de permanência e sistema editorial Precision Editorial.
WebMCP & Ferramentas Nativas do Navegador
Adaptação do Model Context Protocol (MCP) para funcionar diretamente no navegador web, permitindo que agentes de IA interajam com o DOM, LocalStorage, WebAssembly e IndexedDB sem a necessidade de daemons locais.
plannotator-effective-html-design-artifact