Skip to content

DocsGet startedSkill for agents

PT

Get started

Skill for agents

The full install leaves a skill that teaches your coding agent to build screens with these components.

What it is

A skill is a file the agent reads when the task calls for it. This one says when to use unslop/ui, how to install it, the markup of each component and the minimum props of each chart. With it, the agent builds the dashboard with these pieces instead of making up styles.

  • SKILL.md: the entry point, always read first.
  • reference/componentes.md: markup for the components and the AI pieces.
  • reference/graficos.md: the 15 charts, with the minimum JSON that mounts each one.

You can read them directly: SKILL.md, componentes.md and graficos.md.

Install and update

The full install writes the skill to .claude/skills/unslop/, inside the project.

curl -fsSL unslop.leallabs.dev/i | sh

If the skill already exists, it stays as is. To replace it with the new version:

curl -fsSL unslop.leallabs.dev/i | sh -s -- --force

To install the system without the skill:

curl -fsSL unslop.leallabs.dev/i | sh -s -- --no-skill

How to ask

Ask as usual, saying what the screen shows. The agent finds the skill from its description.

# example prompts
build a sales dashboard with a funnel and a sankey using unslop
replace the table on this page with the unslop datatable, in the dark theme

Type to search. Arrows pick, Enter opens.