frontend-design

YuWenHao1212/airesumeadvisor-landing

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications using Astro and Tailwind CSS. Generates creative, polished code that avoids generic AI aesthetics.

0 stars

0 forks

3 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design ~/.claude/skills/airesumeadvisor-landing

# Project-specific

git clone https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design .claude/skills/airesumeadvisor-landing

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design

Option 2: Clone to extensions directory

git clone https://github.com/YuWenHao1212/airesumeadvisor-landing/tree/main/.claude/skills/frontend-design ~/.gemini/extensions/airesumeadvisor-landing

Related Skills

camsnap

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

clawdis-canvas

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

sonoscli

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞

clawdis-nodes

Your own personal AI assistant. Any OS. Any Platform. The lobster way. 🦞