Anti-slop frontend skill for landing pages, portfolios and redesigns. Reads the brief, picks the right design direction and ships interfaces that do not look templated.
skillgild install design-taste-frontend
License: MIT · Created by Leonxlnx
Pick your agent. The wrapper only tells your agent how to start a session. The skill's instructions arrive with each session, after your access is checked.
Sign in once from your terminal.
skillgild loginInstall this skill for Claude Code.
skillgild install design-taste-frontend --agent claude-codeRegister the SkillGild MCP server with Claude Code.
claude mcp add --scope user skillgild -- $(command -v skillgild) mcpStart a session, call its tools, then end it. Create an API key under Account and pass it as a bearer token.
# Prints the session ID, its tools and the instructions for your agent
skillgild session design-taste-frontend
skillgild call <session-id> validate_palette --input '{"data": {}}'
skillgild end <session-id>Each call uses one of the session's tool calls.
validate_paletteValidate palette and contrastChecks named six-digit hex colors and specified foreground/background pairs against your target contrast ratio. This is a calculation, not an aesthetic review or a complete accessibility audit.
colorsRequiredobjectNo extra rules.pairsRequiredarrayNo extra rules.
Professional logo and brand-mark design from brief to production files: concepts, clean geometric SVG, optical refinement, tests at 16 px and in one colour, presentation boards and brand guidelines.
Turn the project you just built into a short, shareable launch video with one command. Your agent reads the project code, so no live URL or screenshots are needed.
Create, animate, review and render videos in code with fframes: Rust, SVG scenes and GPU rendering. Covers setup, motion design, sound, a live preview window and automatic checks without watching the render.
Turn a topic into an Apple Live Photo info card: checked facts, a designed cover and Remotion animation for comparisons, processes and data stories, exported as a paired Live Photo.
Make a code-rendered lyric music video for a finished song: every sung word lands on its own syllable inside dense animated graphics, with a recurring character, rendered offline at 1080p60. No video model.
Turn your own narration and real assets (book covers, screenshots, logos) plus a chosen visual style into a 20 to 60 second cinematic promo, or turn a script into an animated illustration clip.