Imagegen Frontend Mobile

"sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/image-to-code/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/image-to-code/SKILL.md","name":"image-to-code","label":"Image To Code","description":"Use when you have a visual reference and want a practical workflow to translate it into implementation details.","topics":"$5:props:children:props:groups:0:skills:13:topics","installs":68,"hasReal":false,"demoMode":"none"},{"slug":"industrial-brutalist-ui","pathSlug":"mengto/industrial-brutalist-ui","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/industrial-brutalist-ui/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/industrial-brutalist-ui/SKILL.md","name":"industrial-brutalist-ui","label":"Industrial Brutalist UI","description":"Use when you want a harder-edged, brutalist UI direction with strong structure and visual tension.","topics":"$5:props:children:props:groups:0:skills:14:topics","installs":65,"hasReal":true,"demoMode":"compare"},{"slug":"landing-page","pathSlug":"mengto/landing-page","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/landing-page/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/landing-page/SKILL.md","name":"landing-page","label":"Landing Page","description":"Use when designing or implementing a landing page with strong hierarchy, conversion flow, and visual pacing.","topics":"$5:props:children:props:groups:0:skills:15:topics","installs":208,"hasReal":true,"demoMode":"compare"},{"slug":"marquee-loop","pathSlug":"mengto/marquee-loop","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/marquee-loop/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/marquee-loop/SKILL.md","name":"marquee-loop","label":"Marquee Loop","description":"Use when building looping marquees that need steady rhythm, spacing, and performance awareness.","topics":"$5:props:children:props:groups:0:skills:16:topics","installs":124,"hasReal":true,"demoMode":"gallery"},{"slug":"masked-reveal","pathSlug":"mengto/masked-reveal","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/masked-reveal/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/masked-reveal/SKILL.md","name":"masked-reveal","label":"Masked Reveal","description":"Use when revealing content with masked motion, clipped transitions, or layered entrances.","topics":"$5:props:children:props:groups:0:skills:17:topics","installs":145,"hasReal":true,"demoMode":"gallery"},{"slug":"matterjs","pathSlug":"mengto/matterjs","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/matterjs/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/matterjs/SKILL.md","name":"matterjs","label":"Matterjs","description":"Use when building physics-driven interactions and layout behaviors with Matter.js.","topics":"$5:props:children:props:groups:0:skills:18:topics","installs":167,"hasReal":true,"demoMode":"gallery"},{"slug":"minimalist-ui","pathSlug":"mengto/minimalist-ui","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/minimalist-ui/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/minimalist-ui/SKILL.md","name":"minimalist-ui","label":"Minimalist UI","description":"Use when you want a restrained UI direction with fewer elements, cleaner hierarchy, and more negative space.","topics":"$5:props:children:props:groups:0:skills:19:topics","installs":68,"hasReal":true,"demoMode":"compare"},{"slug":"pricing-page","pathSlug":"mengto/pricing-page","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/pricing-page/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/pricing-page/SKILL.md","name":"pricing-page","label":"Pricing Page","description":"Use when building a pricing page with clear plan comparison, emphasis, and conversion-oriented layout.","topics":"$5:props:children:props:groups:0:skills:20:topics","installs":159,"hasReal":true,"demoMode":"compare"},{"slug":"progressive-blur","pathSlug":"mengto/progressive-blur","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/progressive-blur/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/progressive-blur/SKILL.md","name":"progressive-blur","label":"Progressive Blur","description":"Use when applying blur transitions or layered depth effects that need to feel smooth and controlled.","topics":"$5:props:children:props:groups:0:skills:21:topics","installs":179,"hasReal":true,"demoMode":"gallery"},{"slug":"redesign-existing-projects","pathSlug":"mengto/redesign-existing-projects","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/redesign-existing-projects/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/redesign-existing-projects/SKILL.md","name":"redesign-existing-projects","label":"Redesign Existing Projects","description":"Use when you need to improve an existing product interface without throwing away the underlying product structure.","topics":"$5:props:children:props:groups:0:skills:22:topics","installs":72,"hasReal":true,"demoMode":"compare"},{"slug":"seo-audit","pathSlug":"mengto/seo-audit","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/seo-audit/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/seo-audit/SKILL.md","name":"seo-audit","label":"SEO Audit","description":"Use when you need to review a page for metadata, headings, structured data, and search visibility basics.","topics":"$5:props:children:props:groups:0:skills:23:topics","installs":null,"hasReal":false,"demoMode":"none"},{"slug":"stitch-design-taste","pathSlug":"mengto/stitch-design-taste","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/stitch-design-taste/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/stitch-design-taste/SKILL.md","name":"stitch-design-taste","label":"Stitch Design Taste","description":"Use when you want to combine multiple references into one coherent visual direction without losing consistency.","topics":"$5:props:children:props:groups:0:skills:24:topics","installs":66,"hasReal":false,"demoMode":"none"},{"slug":"swiftui-pro","pathSlug":"mengto/swiftui-pro","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/ui/swiftui-pro/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/ui/swiftui-pro/SKILL.md","name":"swiftui-pro","label":"Swiftui Pro","description":"Use when building or polishing SwiftUI interfaces with production-minded composition and layout discipline.","topics":"$5:props:children:props:groups:0:skills:25:topics","installs":67,"hasReal":true,"demoMode":"gallery"},{"slug":"tailwindcss","pathSlug":"mengto/tailwindcss","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/tailwindcss/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/tailwindcss/SKILL.md","name":"tailwindcss","label":"Tailwindcss","description":"Use when you are implementing UI with Tailwind and want reusable, practical utility-first patterns.","topics":"$5:props:children:props:groups:0:skills:26:topics","installs":169,"hasReal":true,"demoMode":"gallery"},{"slug":"threejs","pathSlug":"mengto/threejs","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/threejs/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/threejs/SKILL.md","name":"threejs","label":"Threejs","description":"Use when building 3D scenes, interactions, or WebGL-backed interface moments in Three.js.","topics":"$5:props:children:props:groups:0:skills:27:topics","installs":179,"hasReal":true,"demoMode":"gallery"},{"slug":"webgl-landing-steering","pathSlug":"mengto/webgl-landing-steering","sourceKey":"mengto","sourceLabel":"MengTo","user":"MengTo","repo":"Skills","rawUrl":"https://raw.githubusercontent.com/MengTo/Skills/main/agent-skills/web-design/webgl-landing-steering/SKILL.md","githubUrl":"https://github.com/MengTo/Skills/blob/main/agent-skills/web-design/webgl-landing-steering/SKILL.md","name":"webgl-landing-steering","label":"Webgl Landing Steering","description":"Use when steering a landing page around a WebGL centerpiece or hero experience.","topics":"$5:props:children:props:groups:0:skills:28:topics","installs":112,"hasReal":true,"demoMode":"gallery"},{"slug":"ui-ux-pro-max","pathSlug":"nextlevelbuilder/ui-ux-pro-max","sourceKey":"nextlevelbuilder","sourceLabel":"nextlevelbuilder","user":"nextlevelbuilder","repo":"ui-ux-pro-max-skill","rawUrl":"https://raw.githubusercontent.com/nextlevelbuilder/ui-ux-pro-max-skill/main/.claude/skills/ui-ux-pro-max/SKILL.md","githubUrl":"https://github.com/nextlevelbuilder/ui-ux-pro-max-skill/blob/main/.claude/skills/ui-ux-pro-max/SKILL.md","name":"ui-ux-pro-max","label":"UI Ux Pro Max","description":"Comprehensive UI/UX design intelligence with 50+ styles, 97 palettes, and 9 technology stacks for building professional interfaces.","topics":"$5:props:children:props:groups:23:skills:0:topics","installs":283546,"hasReal":true,"demoMode":"compare"},{"slug":"adapt","pathSlug":"pbakaus/adapt","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/adapt.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/adapt.md","name":"adapt","label":"Adapt","description":"Adapt designs across breakpoints, device contexts, and platform constraints with responsive interaction quality.","topics":"$5:props:children:props:groups:1:skills:0:topics","installs":83132,"hasReal":true,"demoMode":"gallery"},{"slug":"animate","pathSlug":"pbakaus/animate","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/animate.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/animate.md","name":"animate","label":"Animate","description":"Enhance UX with purposeful animation and micro-interactions that support usability and delight.","topics":"$5:props:children:props:groups:1:skills:1:topics","installs":83148,"hasReal":true,"demoMode":"gallery"},{"slug":"audit","pathSlug":"pbakaus/audit","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/audit.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/audit.md","name":"audit","label":"Audit","description":"Run technical UI quality audits across accessibility, performance, theming, responsive behavior, and anti-patterns.","topics":"$5:props:children:props:groups:1:skills:2:topics","installs":83287,"hasReal":true,"demoMode":"gallery"},{"slug":"bolder","pathSlug":"pbakaus/bolder","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/bolder.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/bolder.md","name":"bolder","label":"Bolder","description":"Increase visual impact and personality for interfaces that feel too safe, bland, or generic.","topics":"$5:props:children:props:groups:1:skills:3:topics","installs":81405,"hasReal":true,"demoMode":"compare"},{"slug":"clarify","pathSlug":"pbakaus/clarify","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/clarify.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/clarify.md","name":"clarify","label":"Clarify","description":"Improve labels, microcopy, and UX messaging so interface text is clearer and easier to act on.","topics":"$5:props:children:props:groups:1:skills:4:topics","installs":82617,"hasReal":true,"demoMode":"gallery"},{"slug":"colorize","pathSlug":"pbakaus/colorize","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/colorize.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/colorize.md","name":"colorize","label":"Colorize","description":"Introduce strategic color systems to interfaces that feel dull, monochrome, or visually flat.","topics":"$5:props:children:props:groups:1:skills:5:topics","installs":82188,"hasReal":true,"demoMode":"gallery"},{"slug":"critique","pathSlug":"pbakaus/critique","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/critique.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/critique.md","name":"critique","label":"Critique","description":"Evaluate design quality with structured UX scoring, persona checks, and actionable remediation guidance.","topics":"$5:props:children:props:groups:1:skills:6:topics","installs":84068,"hasReal":true,"demoMode":"gallery"},{"slug":"delight","pathSlug":"pbakaus/delight","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/delight.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/delight.md","name":"delight","label":"Delight","description":"Add personality and memorable moments through thoughtful interaction details and emotional UX touches.","topics":"$5:props:children:props:groups:1:skills:7:topics","installs":81241,"hasReal":true,"demoMode":"gallery"},{"slug":"distill","pathSlug":"pbakaus/distill","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/distill.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/distill.md","name":"distill","label":"Distill","description":"Simplify noisy interfaces by removing non-essential complexity and restoring clear visual focus.","topics":"$5:props:children:props:groups:1:skills:8:topics","installs":80850,"hasReal":true,"demoMode":"compare"},{"slug":"harden","pathSlug":"pbakaus/harden","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/harden.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/harden.md","name":"harden","label":"Harden","description":"Make interfaces production-ready with robust empty states, edge cases, errors, onboarding, and i18n resilience.","topics":"$5:props:children:props:groups:1:skills:9:topics","installs":54074,"hasReal":true,"demoMode":"gallery"},{"slug":"impeccable","pathSlug":"pbakaus/impeccable","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/SKILL.src.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/SKILL.src.md","name":"impeccable","label":"Impeccable","description":"Flagship design skill for production-grade, anti-generic frontend interfaces with strong craft and consistency.","topics":"$5:props:children:props:groups:1:skills:10:topics","installs":205302,"hasReal":true,"demoMode":"compare"},{"slug":"layout","pathSlug":"pbakaus/layout","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/layout.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/layout.md","name":"layout","label":"Layout","description":"Fix spacing, composition, and hierarchy rhythm when UI layout feels crowded, flat, or misaligned.","topics":"$5:props:children:props:groups:1:skills:11:topics","installs":26845,"hasReal":true,"demoMode":"compare"},{"slug":"optimize","pathSlug":"pbakaus/optimize","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/optimize.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/optimize.md","name":"optimize","label":"Optimize","description":"Diagnose and improve interface performance across rendering, motion smoothness, assets, and load speed.","topics":"$5:props:children:props:groups:1:skills:12:topics","installs":82470,"hasReal":false,"demoMode":"none"},{"slug":"overdrive","pathSlug":"pbakaus/overdrive","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/overdrive.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/overdrive.md","name":"overdrive","label":"Overdrive","description":"Push interfaces into high-impact territory with advanced animation, shaders, and ambitious interaction systems.","topics":"$5:props:children:props:groups:1:skills:13:topics","installs":63861,"hasReal":true,"demoMode":"gallery"},{"slug":"polish","pathSlug":"pbakaus/polish","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/polish.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/polish.md","name":"polish","label":"Polish","description":"Final quality pass for spacing, alignment, and consistency to prepare UI for launch.","topics":"$5:props:children:props:groups:1:skills:14:topics","installs":null,"hasReal":true,"demoMode":"compare"},{"slug":"quieter","pathSlug":"pbakaus/quieter","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/quieter.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/quieter.md","name":"quieter","label":"Quieter","description":"Tone down overly intense designs while keeping quality high and preserving hierarchy.","topics":"$5:props:children:props:groups:1:skills:15:topics","installs":80031,"hasReal":true,"demoMode":"compare"},{"slug":"shape","pathSlug":"pbakaus/shape","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/shape.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/shape.md","name":"shape","label":"Shape","description":"Plan feature UX before coding via a structured design interview that produces an actionable design brief.","topics":"$5:props:children:props:groups:1:skills:16:topics","installs":30616,"hasReal":true,"demoMode":"gallery"},{"slug":"typeset","pathSlug":"pbakaus/typeset","sourceKey":"pbakaus","sourceLabel":"pbakaus","user":"pbakaus","repo":"impeccable","rawUrl":"https://raw.githubusercontent.com/pbakaus/impeccable/main/skill/reference/typeset.md","githubUrl":"https://github.com/pbakaus/impeccable/blob/main/skill/reference/typeset.md","name":"typeset","label":"Typeset","description":"Improve typography systems, hierarchy, readability, and text cadence for more intentional interfaces.","topics":"$5:props:children:props:groups:1:skills:17:topics","installs":65779,"hasReal":true,"demoMode":"gallery"},{"slug":"build-primitive","pathSlug":"prototyperai/build-primitive","sourceKey":"prototyperai","sourceLabel":"PrototyperAI","user":"PrototyperAI","repo":"prototyper-ui","rawUrl":"https://raw.githubusercontent.com/PrototyperAI/prototyper-ui/main/apps/docs/skill/build-primitive/SKILL.md","githubUrl":"https://github.com/PrototyperAI/prototyper-ui/blob/main/apps/docs/skill/build-primitive/SKILL.md","name":"build-primitive","label":"Build Primitive","description":"Build foundational UI primitives from scratch with strong ARIA, keyboard, focus, and state handling.","topics":"$5:props:children:props:groups:25:skills:0:topics","installs":22,"hasReal":false,"demoMode":"none"},{"slug":"12-principles-of-animation","pathSlug":"raphaelsalaja/12-principles-of-animation","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/12-principles-of-animation/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/12-principles-of-animation/SKILL.md","name":"12-principles-of-animation","label":"12 Principles Of Animation","description":"Apply Disney's 12 animation principles to web interfaces to make motion feel natural, organic, and human.","topics":"$5:props:children:props:groups:4:skills:0:topics","installs":1002,"hasReal":true,"demoMode":"gallery"},{"slug":"generating-sounds-with-ai","pathSlug":"raphaelsalaja/generating-sounds-with-ai","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/generating-sounds-with-ai/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/generating-sounds-with-ai/SKILL.md","name":"generating-sounds-with-ai","label":"Generating Sounds With Ai","description":"Audit Web Audio API code for procedural sound synthesis quality, UX decisions, and parameter best practices.","topics":"$5:props:children:props:groups:4:skills:1:topics","installs":101,"hasReal":true,"demoMode":"gallery"},{"slug":"mastering-animate-presence","pathSlug":"raphaelsalaja/mastering-animate-presence","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/mastering-animate-presence/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/mastering-animate-presence/SKILL.md","name":"mastering-animate-presence","label":"Mastering Animate Presence","description":"Audit Motion and Framer Motion exit/presence patterns with practical fixes for AnimatePresence usage.","topics":"$5:props:children:props:groups:4:skills:2:topics","installs":177,"hasReal":true,"demoMode":"gallery"},{"slug":"morphing-icons","pathSlug":"raphaelsalaja/morphing-icons","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/morphing-icons/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/morphing-icons/SKILL.md","name":"morphing-icons","label":"Morphing Icons","description":"Build icon components that morph between SVG shapes with smooth, line-based transformation.","topics":"$5:props:children:props:groups:4:skills:3:topics","installs":199,"hasReal":true,"demoMode":"gallery"},{"slug":"pseudo-elements","pathSlug":"raphaelsalaja/pseudo-elements","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/pseudo-elements/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/pseudo-elements/SKILL.md","name":"pseudo-elements","label":"Pseudo Elements","description":"Audit CSS pseudo-elements and View Transitions usage for hover effects, decorative layers, and transitions.","topics":"$5:props:children:props:groups:4:skills:4:topics","installs":127,"hasReal":true,"demoMode":"gallery"},{"slug":"sounds-on-the-web","pathSlug":"raphaelsalaja/sounds-on-the-web","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/sounds-on-the-web/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/sounds-on-the-web/SKILL.md","name":"sounds-on-the-web","label":"Sounds On The Web","description":"Audit interface sound feedback for UX quality, accessibility, and practical implementation patterns.","topics":"$5:props:children:props:groups:4:skills:5:topics","installs":108,"hasReal":true,"demoMode":"gallery"},{"slug":"to-spring-or-not-to-spring","pathSlug":"raphaelsalaja/to-spring-or-not-to-spring","sourceKey":"raphaelsalaja","sourceLabel":"raphaelsalaja","user":"raphaelsalaja","repo":"skill","rawUrl":"https://raw.githubusercontent.com/raphaelsalaja/skill/main/skills/to-spring-or-not-to-spring/SKILL.md","githubUrl":"https://github.com/raphaelsalaja/skill/blob/main/skills/to-spring-or-not-to-spring/SKILL.md","name":"to-spring-or-not-to-spring","label":"To Spring Or Not To Spring","description":"Audit animation timing choices to decide when springs versus easing curves produce better motion.","topics":"$5:props:children:props:groups:4:skills:6:topics","installs":133,"hasReal":true,"demoMode":"gallery"},{"slug":"remotion-best-practices","pathSlug":"remotion-dev/remotion-best-practices","sourceKey":"remotion-dev","sourceLabel":"remotion-dev","user":"remotion-dev","repo":"skills","rawUrl":"https://raw.githubusercontent.com/remotion-dev/skills/main/skills/remotion/SKILL.md","githubUrl":"https://github.com/remotion-dev/skills/blob/main/skills/remotion/SKILL.md","name":"remotion-best-practices","label":"Remotion Best Practices","description":"Domain-specific knowledge base for building videos with Remotion and React.","topics":"$5:props:children:props:groups:26:skills:0:topics","installs":443848,"hasReal":true,"demoMode":"gallery"},{"slug":"interaction-design","pathSlug":"wshobson/interaction-design","sourceKey":"wshobson","sourceLabel":"wshobson","user":"wshobson","repo":"agents","rawUrl":"https://raw.githubusercontent.com/wshobson/agents/main/plugins/ui-design/skills/interaction-design/SKILL.md","githubUrl":"https://github.com/wshobson/agents/blob/main/plugins/ui-design/skills/interaction-design/SKILL.md","name":"interaction-design","label":"Interaction Design","description":"Design and implement microinteractions, motion design, transitions, and user feedback patterns for delightful user experiences.","topics":"$5:props:children:props:groups:11:skills:0:topics","installs":11427,"hasReal":true,"demoMode":"gallery"},{"slug":"wcag-audit-patterns","pathSlug":"wshobson/wcag-audit-patterns","sourceKey":"wshobson","sourceLabel":"wshobson","user":"wshobson","repo":"agents","rawUrl":"https://raw.githubusercontent.com/wshobson/agents/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md","githubUrl":"https://github.com/wshobson/agents/blob/main/plugins/accessibility-compliance/skills/wcag-audit-patterns/SKILL.md","name":"wcag-audit-patterns","label":"Wcag Audit Patterns","description":"Conduct WCAG 2.2 accessibility audits with automated testing, manual verification, and remediation guidance. Use when auditing websites for accessibility, fixing WCAG violations, or implementing accessible design patterns.","topics":"$5:props:children:props:groups:11:skills:1:topics","installs":9618,"hasReal":true,"demoMode":"gallery"},{"slug":"frontend-slides","pathSlug":"zarazhangrui/frontend-slides","sourceKey":"zarazhangrui","sourceLabel":"zarazhangrui","user":"zarazhangrui","repo":"frontend-slides","rawUrl":"https://raw.githubusercontent.com/zarazhangrui/frontend-slides/main/SKILL.md","githubUrl":"https://github.com/zarazhangrui/frontend-slides/blob/main/SKILL.md","name":"frontend-slides","label":"Frontend Slides","description":"Create animation-rich HTML presentations from scratch or convert PPT/PPTX files into polished web slides.","topics":"$5:props:children:props:groups:27:skills:0:topics","installs":771,"hasReal":true,"demoMode":"gallery"},{"slug":"swiss-design","pathSlug":"zeke/swiss-design","sourceKey":"zeke","sourceLabel":"zeke","user":"zeke","repo":"swiss-design-skill","rawUrl":"https://raw.githubusercontent.com/zeke/swiss-design-skill/main/swiss-design/SKILL.md","githubUrl":"https://github.com/zeke/swiss-design-skill/blob/main/swiss-design/SKILL.md","name":"swiss-design","label":"Swiss Design","description":"Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.","topics":"$5:props:children:props:groups:28:skills:0:topics","installs":526,"hasReal":true,"demoMode":"gallery"}],"children":"$L1a"}]}] 1b:I["8c0f216c4604",[],"Children",1] 1a:["$","$L1b",null,{}] 1c:Tdc8,Imagegen Frontend Mobile | Agent's Design1:[["$","div",null,{"hidden":true,"suppressHydrationWarning":true,"dangerouslySetInnerHTML":{"__html":"$1c"}}],"$L1d"] 2:null 1e:"StreamedIconsInsertion" 1f:I["89c3cac48cb5",[],"$1e",1] 1d:["$","$L1f",null,{"metadataKey":"vi0be8dd1a15f7d688"}] 20:"ConvexAuthNextjsClientProvider" 21:I["5f1de6bea350",[],"$20",1] 22:I["7ad19a39339d",[],"ThemeScript",1] 23:I["0b8a059aefca",[],"NuqsAdapter",1] 24:"ConvexClientProvider" 25:I["736a1178b964",[],"$24",1] 26:I["5665b9c913fd",[],"QueryProvider",1] 27:"BProgressProvider" 28:I["e1a8e200e975",[],"$27",1] 29:I["2b04cc7da83a",[],"ThemeProvider",1] 2a:I["3657afb84078",[],"UserProvider",1] 2b:I["cbb84d61847a",[],"GateProvider",1] 2c:I["25d533dc8187",[],"Analytics",1] 7:["$","$L21",null,{"serverState":{"_state":{"token":null,"refreshToken":"dummy"},"_timeFetched":1792469912952},"apiRoute":"$undefined","storage":"$undefined","storageNamespace":"$undefined","shouldHandleCode":"$undefined","verbose":"$undefined","children":["$","html",null,{"lang":"en","className":"__variable_figtree_0pmeh2u h-full antialiased","suppressHydrationWarning":true,"children":[["$","head",null,{"children":["$","$L22",null,{}]}],["$","body",null,{"className":"min-h-full flex flex-col","children":[["$","$L23",null,{"children":["$","$L25",null,{"children":["$","$L26",null,{"children":["$","$L28",null,{"children":["$","$L29",null,{"children":["$","$L2a",null,{"preloadedUser":{"_name":"users:getCurrentUser","_argsJSON":{},"_valueJSON":null},"preloadedEntitlements":{"_name":"entitlements:current","_argsJSON":{},"_valueJSON":null},"children":["$","$L2b",null,{"children":["$","$L1b",null,{}]}]}]}]}]}]}]}],["$","$L2c",null,{}]]}]]}]}] 2d:I["5b82cda415e3",[],"ChipRoot",1] 2e:I["c1b0265684d8",[],"CopyInstall",1] 2f:I["c2747888630f",[],"default",1] 3:["$","div",null,{"className":"flex h-full min-h-0 flex-col","children":[["$","div",null,{"className":"shrink-0 border-b border-separator/70 px-4 py-3 md:px-5","children":[["$","div",null,{"className":"flex items-start justify-between gap-3","children":[["$","div",null,{"className":"min-w-0","children":[["$","a",null,{"href":"/","className":"mb-2 inline-flex items-center gap-1 text-[12px] text-muted no-underline hover:text-foreground md:hidden","children":[["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"fill":"none","viewBox":"0 0 16 16","className":"size-3","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M14.75 8a.75.75 0 0 1-.75.75H3.81l2.72 2.72a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 0 1 1.06 1.06L3.81 7.25H14a.75.75 0 0 1 .75.75","clipRule":"evenodd"}]}],"Back to list"]}],["$","p",null,{"className":"truncate text-[12px] text-muted","children":[["$","span",null,{"children":"Leonxlnx"}],["$","span",null,{"className":"mx-1 text-muted/50","children":"/"}],["$","span",null,{"className":"font-mono","children":"imagegen-frontend-mobile"}]]}],["$","h2",null,{"className":"mt-0.5 truncate text-lg font-semibold tracking-tight md:text-xl","children":"Imagegen Frontend Mobile"}]]}],["$","a",null,{"href":"https://github.com/Leonxlnx/taste-skill/blob/main/skills/imagegen-frontend-mobile/SKILL.md","target":"_blank","rel":"noreferrer","className":"inline-flex h-8 shrink-0 items-center gap-1 rounded-md border border-separator px-2.5 text-[12px] text-muted transition-colors hover:border-foreground/20 hover:text-foreground","children":["GitHub",["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","width":16,"height":16,"fill":"none","viewBox":"0 0 16 16","className":"size-3","children":["$","path",null,{"fill":"currentColor","fillRule":"evenodd","d":"M10 1.5A.75.75 0 0 0 10 3h1.94L6.97 7.97a.75.75 0 0 0 1.06 1.06L13 4.06V6a.75.75 0 0 0 1.5 0V2.25a.75.75 0 0 0-.75-.75zM7.5 3.25a.75.75 0 0 0-.75-.75H4.5a3 3 0 0 0-3 3v6a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V9.25a.75.75 0 0 0-1.5 0v2.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 11.5v-6A1.5 1.5 0 0 1 4.5 4h2.25a.75.75 0 0 0 .75-.75","clipRule":"evenodd"}]}]]}]]}],["$","p",null,{"className":"mt-2 line-clamp-2 text-[13px] leading-relaxed text-muted","children":"Premium mobile app image-generation for readable, app-native screen concepts and flows. Images only — no code."}],["$","div",null,{"className":"mt-2.5 flex flex-wrap items-center gap-1.5","children":[["$","a",null,{"href":"https://skills.sh/Leonxlnx/taste-skill/imagegen-frontend-mobile","target":"_blank","rel":"noreferrer","className":"no-underline","title":"Installs on skills.sh","children":["$","$L2d",null,{"size":"sm","variant":"secondary","children":["165K"," installs"]}]}],[["$","$L2d","visual",{"size":"sm","variant":"secondary","children":"Visual"}],["$","$L2d","taste",{"size":"sm","variant":"secondary","children":"Taste"}],["$","$L2d","craft",{"size":"sm","variant":"secondary","children":"Craft"}]],null,null]}],["$","div",null,{"className":"mt-3","children":["$","$L2e",null,{"command":"npx skills add https://github.com/Leonxlnx/taste-skill --skill imagegen-frontend-mobile"}]}]]}],["$","div",null,{"className":"min-h-0 flex-1 overflow-y-auto px-4 py-4 md:px-5 md:py-5","children":[["$","div",null,{"className":"rounded-xl border border-dashed border-separator px-4 py-10 text-center","children":[["$","p",null,{"className":"text-sm font-medium text-foreground","children":"No visual demo for this skill"}],["$","p",null,{"className":"mx-auto mt-2 max-w-md text-sm text-muted leading-relaxed","children":"Tooling or audit guidance without a UI surface to embed."}]]}],null,["$","section",null,{"className":"mt-8 pb-6","aria-label":"Related skills","children":[["$","h3",null,{"className":"text-sm font-semibold tracking-tight","children":["More from ","Leonxlnx"]}],["$","ul",null,{"className":"mt-2 divide-y divide-separator/50 border-t border-separator/60","children":[["$","li","leonxlnx/taste-skill-v1",{"children":["$","$L2f",null,{"href":"/leonxlnx/taste-skill-v1","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":["$L30","$L31"]}]}],"$L32","$L33","$L34","$L35","$L36"]}]]}]]}]]}] 30:["$","span",null,{"className":"font-medium text-foreground","children":"Design Taste Frontend V1"}] 31:["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"Original v1 taste-skill preserved for backward compatibility; prefer design-taste-frontend (v2) by default."}] 32:["$","li","leonxlnx/taste-skill",{"children":["$","$L2f",null,{"href":"/leonxlnx/taste-skill","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":[["$","span",null,{"className":"font-medium text-foreground","children":"Design Taste Frontend"}],["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"Senior UI/UX frontend skill that enforces anti-slop design decisions, motion quality, and architecture discipline."}]]}]}] 33:["$","li","leonxlnx/brandkit",{"children":["$","$L2f",null,{"href":"/leonxlnx/brandkit","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":[["$","span",null,{"className":"font-medium text-foreground","children":"Brandkit"}],["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"Premium brand-kit image generation for identity boards, logo systems, and visual-world presentations."}]]}]}] 34:["$","li","leonxlnx/brutalist-skill",{"children":["$","$L2f",null,{"href":"/leonxlnx/brutalist-skill","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":[["$","span",null,{"className":"font-medium text-foreground","children":"Industrial Brutalist UI"}],["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"Raw, mechanical interface direction mixing Swiss print structure with terminal-inspired brutalist aesthetics."}]]}]}] 35:["$","li","leonxlnx/gpt-tasteskill",{"children":["$","$L2f",null,{"href":"/leonxlnx/gpt-tasteskill","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":[["$","span",null,{"className":"font-medium text-foreground","children":"Gpt Taste"}],["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"High-agency UX/UI skill with strict layout variance, typography, and GSAP motion engineering constraints."}]]}]}] 36:["$","li","leonxlnx/image-to-code-skill",{"children":["$","$L2f",null,{"href":"/leonxlnx/image-to-code-skill","scroll":false,"className":"flex justify-between gap-3 py-2.5 text-[13px] no-underline","children":[["$","span",null,{"className":"font-medium text-foreground","children":"Image To Code"}],["$","span",null,{"className":"line-clamp-1 max-w-[55%] text-right text-muted","children":"Image-first website design-to-code: generate readable section references, then implement to match them closely."}]]}]}]

More from Leonxlnx