agent-html

Estrellas568

Forks21

Actualizado6 de junio de 2026 a las 03:40

Use when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content. Before editing AgentHTML content, read `.agents/skills/agent-html/references/prompt-schema.md` for the current DSL contract and enabled component grammar.

Instalación

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Ejecutar en Manus

Fuente

Sayhi-bzb

Sayhi-bzb/Agent-HTML

Abrir repositorio de GitHub Ver repositorios del creador

Descarga

Ejecutar en Manus

Ocupaciones relacionadasSOC

Basado en la clasificación ocupacional SOC

Desarrolladores de softwareOcupaciones informáticas y matemáticas·SOC 15-1252

Explorador de archivos

7 archivos

SKILL.md

readonly

Más de este repositorio

mismo repositorio

gitnexus-cli

Sayhi-bzb/Agent-HTML

Use when the user needs to run GitNexus CLI commands like analyze/index a repo, check status, clean the index, generate a wiki, or list indexed repos. Examples: "Index this repo", "Reanalyze the codebase", "Generate a wiki"

2026-06-14568

ui-ux-pro-max

Sayhi-bzb/Agent-HTML

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.

2026-06-05568

shadcn

Sayhi-bzb/Agent-HTML

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

2026-06-03568

name	agent-html
description	Use when editing AgentHTML artifacts, agent-html files, Gallery Preview DSL, blocks, components, sections, prompt schema, or runtime-rendered artifact content. Before editing AgentHTML content, read `.agents/skills/agent-html/references/prompt-schema.md` for the current DSL contract and enabled component grammar.

agent-html

Write agent-html DSL, not JSX or HTML.

Workflow

Read .agents/skills/agent-html/references/prompt-schema.md for the supported tags, attrs, defaults, and forbidden constructs.
Reuse the closest valid fixture pattern from .agents/skills/agent-html/references/examples.md before inventing new structure.
Stay within the currently supported runtime tags unless the user explicitly wants a future-target draft.
When an icon is needed, run .agents/skills/agent-html/scripts/search_icons.py "<query>" instead of guessing names.
In an AgentHTML workspace, edit user-facing artifacts at projects/{project-id}/{section-id}/artifact.agent-html.

Rules

Output only agent-html DSL.
Use PascalCase tags.
Root must be <Cell>.
Use quoted scalar attrs like columns="2" or value="82".
Do not use class, className, style, imports, hooks, JS expressions, or raw HTML tags.
Do not invent tags or attrs not present in the grammar reference.
Do not put bare text directly under Cell, Block, Stack, Cluster, or Grid.
Do not put UI directly under Cell or layout nodes; wrap UI in Block, then arrange blocks with layout.

References

Runtime contract and prompt schema: .agents/skills/agent-html/references/prompt-schema.md
Valid and invalid fixture patterns: .agents/skills/agent-html/references/examples.md
Icon lookup notes: .agents/skills/agent-html/references/icons.md

.agents/skills/agent-html/references/prompt-schema.md is the runtime contract surface. In an AgentHTML workspace, the app rewrites it from the current enabled component set.

Scripts

Search Lucide icon names: .agents/skills/agent-html/scripts/search_icons.py "<query>"