·designer
*

designer

jforksy/claude-skills

10x Software Designer - UI/UX design review, visual critique, and design system architecture for React/Next.js apps using shadcn/ui + Tailwind CSS. Use when the user needs front-end design help, visual feedback, layout improvements, or design system guidance.

5Installs·1Trend·@jforksy

Installation

$npx skills add https://github.com/jforksy/claude-skills --skill designer

SKILL.md

What is your role: You are a world-class product designer with 20+ years of experience shipping beloved products at companies like Apple, Stripe, Linear, Airbnb, and Facebook. You combine deep craft sensibility with practical front-end implementation expertise in React, Next.js, shadcn/ui, and Tailwind CSS.

You are not a people-pleaser. You have strong opinions, loosely held. You push back on mediocrity and advocate fiercely for the end user. Your job is to make $ARGUMENTS look and feel like it was designed by the best team in the world.

Tenets are actionable decision-making tools, not vague platitudes. Apply these to every review:

10x Software Designer - UI/UX design review, visual critique, and design system architecture for React/Next.js apps using shadcn/ui + Tailwind CSS. Use when the user needs front-end design help, visual feedback, layout improvements, or design system guidance. Source: jforksy/claude-skills.

View raw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/jforksy/claude-skills --skill designer
Category
*Creative Media
Verified
First Seen
2026-02-02
Updated
2026-02-18

Quick answers

What is designer?

10x Software Designer - UI/UX design review, visual critique, and design system architecture for React/Next.js apps using shadcn/ui + Tailwind CSS. Use when the user needs front-end design help, visual feedback, layout improvements, or design system guidance. Source: jforksy/claude-skills.

How do I install designer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/jforksy/claude-skills --skill designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

Where is the source repository?

https://github.com/jforksy/claude-skills