agentskills

Webs y appsdanielmiessler/LifeOS★ 20k

Diseñar interfaces web

Te ayuda a diseñar e integrar interfaces web con DirectDesign o NativeDesign. Sirve para crear prototipos, pulir la UI, ajustar sistemas de diseño o rehacer una página o panel.

Descripción original (inglés)

Webdesign: Designs and integrates web interfaces via DirectDesign (inline, Anthropic frontend-design philosophy, the default) or NativeDesign (/design artboards plus /design-sync design-system sync). USE WHEN web design, UI design, artboards, design variants, create prototype, design system, design sync, redesign site, mockup, landing page, dashboard design, design-to-code, frontend design, polish UI, design audit, brutalist/editorial/retro UI. NOT FOR illustrations/logos (Art), video (HyperFrames).

Cómo instalarla

Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta Webdesign en el sitio donde tu agente busca sus skills.

  1. Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
  2. Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
Agente
Para
git clone --depth 1 https://github.com/danielmiessler/LifeOS.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/LifeOS/install/skills/Webdesign" ~/.claude/skills/Webdesign
rm -rf /tmp/skill-src
Carpetas de skills por agente
AgentePara todos tus proyectosSolo un proyecto
Claude Code~/.claude/skills.claude/skills
GitHub Copilot~/.copilot/skills.github/skills
Codex~/.agents/skills.agents/skills
Gemini CLI~/.gemini/skills.gemini/skills

Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.

Más skills de danielmiessler/LifeOS

Explicación redactada con ayuda de IA a partir de la descripción original.