design-artifact
Description
Uruchom to polecenie w terminalu lub powłoce agenta
Tags & Topics
Dokumentacja umiejętności (SKILL.md)
Zobacz na GitHubDokumentacja jest dostępna w repozytorium źródłowym.
https://github.com/plannotator/effective-htmlPowiązane umiejętności agentów AI
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.
Powiązane zasoby ekosystemu
Praktyczne poradniki, kluczowa terminologia i skille agentów
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.
Claude Artifacts (Interaktywne aplikacje działające w czasie rzeczywistym w czacie)
Przełomowa funkcja interfejsu Claude od Anthropic. Przenosi wygenerowany kod, schematy, diagramy oraz interaktywne aplikacje React do oddzielnego okna po prawej stronie, renderuje je na żywo i umożliwia korzystanie z nich bez konieczności instalacji środowiska.
50 stylów wizualnych: fundamentalny przewodnik dla systemów projektowych, UI/UX i art direction
Pełny wizualny słownik 50 stylów projektowych: analiza estetyki, palety kolorów, połączenia typograficzne, zasady dla systemów projektowych oraz precyzyjne sterowanie AI.
Animowane strony scrollowe z wideo: kompletny przewodnik po tworzeniu
Jak stworzyć premium stronę z efektem scroll-video (w stylu Apple): kadrowanie w formacie WebP, wygładzanie LERP na Canvasie, remapowanie czasu zatrzymania oraz system edytorski Precision Editorial.
WebMCP i narzędzia natywne dla przeglądarki
Adaptacja protokołu Model Context Protocol (MCP) do działania bezpośrednio w przeglądarce internetowej, umożliwiając agentom AI interakcję z DOM, LocalStorage, WebAssembly oraz IndexedDB bez konieczności uruchamiania lokalnych demonów.
plannotator-effective-html-design-artifact