#1
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
85K starsAug 24, 2026 pushdesign-creativeCodexClaude Code
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendAlternatives
Compare similar skills by workflow fit, trust score, quality, GitHub adoption, maintenance, and install readiness.
Current skill
현재 코드베이스(또는 폴더)를 분석해 "디자인 컨텍스트 브리프"(스택/디자인 토큰/컴포넌트/ 라우트/실제 UI 카피/큐레이션된 에셋/레포 링크)를 합성하고, 그걸 Claude Design (claude.ai/design)에 자동으로 전달해 디자인을 생성한 뒤 결과 링크를 터미널에 클릭 가능한 형태로 돌려주는 스킬. 터미널 한 번의 호출로 코드베이스 → Claude Design 컨텍스트 이관을 수행한다. claude.ai/design 은 사용자의 로그인된 Chrome(claude-in-chrome)으로 구동하되, 상호작용 레이어가 막히면(알려진 chrome-extension 충돌 버그) 깔끔하게 수동 핸드오프로 전환한다. 렌더링 스크린샷 캡처는 하지 않는다. 트리거: "/claude-design", "이 코드베이스를 클로드 디자인으로 옮겨줘", "코드베이스 분석해서 claude design에 전달", "랜딩 디자인 뽑아줘", "claude.ai/design에 보내줘", "클로드 디자인에 디자인 요청해줘", "이 레퍼런스로 디자인 만들어줘", "Claude Design에 시안 요청".
Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ npx skills add Leonxlnx/taste-skill --skill design-taste-frontendApple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading), reduced-motion, or the design foundations (feedback, spatial consistency, restraint) behind Apple-style interfaces.
$ npx skills@latest add emilkowalski/skillsGuidance for distinctive, intentional UI design, typography, visual direction, and non-template-like product interfaces.
$ npx skills add anthropics/skills --skill frontend-designCreate original visual art, posters, PNG assets, and PDF documents through a clear design philosophy.
$ npx skills add anthropics/skills --skill canvas-designApply Anthropic official brand colors, typography, and visual standards to appropriate Anthropic-related artifacts.
$ npx skills add anthropics/skills --skill brand-guidelinesReview UI code for web interface guidelines, UX quality, accessibility, and interaction design best practices.
$ npx skills add vercel-labs/agent-skills --skill web-design-guidelinesTranslate Figma designs into production-ready UI code with close visual fidelity and component-level detail.
$ npx skills add openai/skills --skill figma-implement-designReviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
$ npx skills@latest add emilkowalski/skillsReverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.
$ npx skills@latest add emilkowalski/skillsThis skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
$ npx skills@latest add emilkowalski/skillsWrite precise Seedance 2.0 prompts for multimodal video, camera movement, editing, music, and product storytelling.
$ npx skills add dexhunter/seedance2-skill --skill seedance-prompt-enTurn one topic into a narrated Vox-style paper-collage explainer or ad video, from script through captions.
$ npx skills add Alisa0808/vox-director --skill vox-directorMaterial UI: Comprehensive React component library that implements Google's Material Design. Free forever.
$ npx skills add mui/material-ui🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
$ npx skills add saadeghi/daisyuiCommunity-built comprehensive 2D content creation appplication for graphic design, digital art, and interactive real-time motion graphics powered by a node-based procedural graphics engine
$ npx skills add GraphiteEditor/GraphiteChakra UI is a component system for building SaaS products with speed ⚡️
$ npx skills add chakra-ui/chakra-uiHow to choose
Use an alternative when it has a clearer install path, higher trust score, fresher maintenance, or better platform fit for your current agent stack. Keep claude-design if it already passes your workflow test and repository review.
Next step
Open the compare page, test the install commands in a sandbox, and check each repository before using a skill in production.