Design and implementation guidance for distinctive landing pages, portfolios, product demos, and purposeful redesigns.
$ 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
生成网站与内容所需的一切视觉素材——用户说 生成图片、配图、插图、画一张、出一套图、logo、吉祥物、封面、海报、og 图、分享图、favicon 源图、用户场景图、真人图("一个人坐在电脑前")、手绘/蜡笔/水彩风插画、产品宣传图、电影感画面、"网站需要配图"、image gen、imagegen 时必用。也覆盖 rankup 建站流程里的"页面缺图、还是占位图、og:image 没图、每页要独立分享图、favicon 还没做"——这些场景不许用占位图,必须真实生成,一律加载本 Skill。底层走 Codex 内置的 OpenAI 图像生成工具;本 Skill 负责把需求翻成好提示词、跑通、验收、压缩、落盘。
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 imagegen 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.