Skip to main content
frontendVerified

design-artifact

by @plannotatoreffective-html
Global1.7k
GotBurnout Community0

Description

Official design artifact capability by @plannotator. Streamlines autonomous frontend tasks and workflows.
Quick Agent Installation
Select environment:
$npx skills add https://github.com/plannotator/effective-html --skill design-artifact

Run this command in your terminal or agent shell

Tags & Topics

#frontend#ui-ux
README badge
GotBurnout installs badge
[![GotBurnout](https://gotburnout.io/api/badge/skill/plannotator-effective-html-design-artifact)](https://gotburnout.io/en/skills/plannotator-effective-html-design-artifact)

Skill Documentation (SKILL.md)

View on GitHub

Documentation is available in the source repository.

https://github.com/plannotator/effective-html

Related AI Agent Skills

html-plan355.9k ⬇

Official html plan capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.

@plannotatorLearn more →
html-diagram4.1k ⬇

Official html diagram capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.

@plannotatorLearn more →
html3.8k ⬇

Official html capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.

@plannotatorLearn more →
html-wireframe1.8k ⬇

Official html wireframe capability by @plannotator. Streamlines autonomous ai-agents tasks and workflows.

@plannotatorLearn more →

Related Ecosystem Resources

Explore practical workflows, core terminology, and engineering tools

AI Skill

codebase-design

Official codebase design capability by @mattpocock. Streamlines autonomous frontend tasks and workflows.

AI Skill

web-design-guidelines

Official web design guidelines capability by @vercel-labs. Streamlines autonomous frontend tasks and workflows.

Practical Guide

50 Visual Design Styles: A Foundational Guide for Design Systems, UI/UX, and Art Direction

A complete visual dictionary of 50 design styles: aesthetic analysis, color palettes, typography pairings, design system rules, and precise AI control.

Glossary Concept

Claude Artifacts (Interactive Live Apps in Chat)

A revolutionary feature of Anthropic's Claude interface. It extracts generated code, diagrams, and interactive React applications into a separate window on the right, rendering them on-the-fly and allowing usage without environment installation.

Practical Guide

Animated Video Scroll Websites: A Complete Production Guide

How to build Apple-style scroll-driven video websites: WebP frame extraction, Canvas LERP smoothing, dwell-remap math, and the Precision Editorial design system.

Glossary Concept

WebMCP & Browser-Native Tools

The adaptation of the Model Context Protocol (MCP) for direct operation within web browsers, enabling AI agents to interact with the DOM, LocalStorage, WebAssembly, and IndexedDB without local daemons.

Slug: plannotator-effective-html-design-artifact
GitHub