frontend-design

Rafael-2109/frete-sistema

Create distinctive, production-grade frontend interfaces with high design quality using Flask/Jinja2 template structure. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications. Generates creative, polished code and UI design that avoids generic AI aesthetics with mandatory light/dark mode support. (project)

0 stars

0 forks

1 views

View on GitHub Add to Favorites

Installation

Option 1: Use slash command in Claude Code

/install-skill https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design

Option 2: Clone to skills directory

# Global (all projects)

git clone https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design ~/.claude/skills/frete-sistema

# Project-specific

git clone https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design .claude/skills/frete-sistema

Add MCP server to .cursor/mcp.json:

{
  "mcpServers": {
    "skillz": {
      "command": "npx",
      "args": ["-y", "skillz-mcp", "https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design"]
    }
  }
}

Restart Cursor after adding the configuration.

Option 1: Use Gemini CLI command

gemini extensions install https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design

Option 2: Clone to extensions directory

git clone https://github.com/Rafael-2109/frete-sistema/tree/main/.claude/skills/frontend-design ~/.gemini/extensions/frete-sistema