por Juanjo Luna设计前端页面代码
生成更有视觉冲击力的网页和应用界面代码。适合想做出更精致、动效更强的前端页面时使用。
Descripción original (inglés)
frontend-design: 网页与数字界面设计师在构建Web页面或应用组件时，若受够了千篇一律的AI味设计，请用此技能。一键生成极具视觉冲击力、排版独特、动效惊艳的生产级前端代码，告别平庸，打造令人难忘的高品质数字界面。
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta frontend-design en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/anbeime/skill.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/frontend-design/frontend-design" ~/.claude/skills/frontend-design
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo 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 anbeime/skill
- Crear equipo de agentes agent-team
- Crear vídeo comercial con agentes agentkit-multimedia-shopping
- Analizar documentos complejos antinet-doc-parse
- Generar tarjetas de análisis antinet-four-color-cards
- Trazar y auditar agentes antinet-provenance
- Escanear documentos y URLs antinet-security-scan
- Crear diagramas arquitectónicos archify
- Crear ilustraciones para artículos article-illustrator
Explicación redactada con ayuda de IA a partir de la descripción original.