Vision implementer for new web design work. Use when the user is creating a new design from scratch and asks Claude to "design my landing page", "build a new website", "implement my brand on a new site", "code my homepage", "create a SaaS dashboard", "design a portfolio", "build my marketing site", "implement this Figma", "make a new product page", or any request to GENERATE new design code (not review existing). The user typically supplies inputs (brand colors, fonts, audience, type of site, sometimes Figma references); this skill ensures Claude's output meets 2026 standards — must-do baseline, chosen aesthetic discipline, semantic tokens, accessible defaults, performance budgets, and avoidance of AI-slop generic patterns. This skill assumes upstream brainstorming and planning are already done — pair with rad-brainstormer or rad-planner if not.
Install with
Claude CodeCodexCursorGitHub CopilotGemini CLI
Supported by the Atlas install prompt. Skill-specific requirements vary.
Skill stats
Skills1CategoryGrowth & marketingStars0
About this skill
Vision implementer for new web design work. Use when the user is creating a new design from scratch and asks Claude to "design my landing page", "build a new website", "implement my brand on a new site", "code my homepage", "create a SaaS dashboard", "design a portfolio", "build my marketing site", "implement this Figma", "make a new product page", or any request to GENERATE new design code (not review existing). The user typically supplies inputs (brand colors, fonts, audience, type of site, sometimes Figma references); this skill ensures Claude's output meets 2026 standards — must-do baseline, chosen aesthetic discipline, semantic tokens, accessible defaults, performance budgets, and avoidance of AI-slop generic patterns. This skill assumes upstream brainstorming and planning are already done — pair with rad-brainstormer or rad-planner if not.
Quick start
Copy the install prompt. Use the green button above this README.
Send it to your agent. Paste it into your coding agent’s chat and send.
Review the setup. Your agent checks the skill’s instructions, requirements, and installation scope.
Vision implementer for new web design work. Use when the user is creating a new design from scratch and asks Claude to "design my landing page", "build a new website", "implement my brand on a new site", "code my homepage", "create a SaaS dashboard", "design a portfolio", "build my marketing site", "implement this Figma", "make a new product page", or any request to GENERATE new design code (not review existing). The user typically supplies inputs (brand colors, fonts, audience, type of site, sometimes Figma references); this skill ensures Claude's output meets 2026 standards — must-do baseline, chosen aesthetic discipline, semantic tokens, accessible defaults, performance budgets, and avoidance of AI-slop generic patterns. This skill assumes upstream brainstorming and planning are already done — pair with rad-brainstormer or rad-planner if not.
About this listing
Category
Growth & marketing
Reported license
Apache-2.0
Listing language (estimated)
English
Review status
Not individually reviewed
Agent compatibility
Atlas installation supports Claude Code, Codex, and Cursor. Skill-specific dependencies and features are checked during setup.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLI