Mjlike123
Community@Mjlike123
Mjlike123 provides a UI/UX design skill suite covering design systems, prototyping, accessibility audits, animation performance, and SEO metadata for front-end teams.
Agent Skills by Mjlike123
Showing 37 vetted skills indexed across 1 GitHub repositories.
Mjlike123fixing-motion-performance
Audit and fix CSS and JavaScript animation performance issues including layout thrashing and scroll-linked motion.
Mjlike123toptop-design-bundle
Routes design system, prototyping, and review requests to the appropriate TopTop Agent Design Kit skills.
Mjlike123monkren-design
Route design tasks through a five-stage lifecycle covering research, creation, prototyping, review, and improvement.
Mjlike123page-canvas-vision
Maps UI screenshot regions to design system components as structured JSON.
Mjlike123ui-skills-root
Routes UI tasks to the smallest relevant skill set via the ui-skills CLI.
Mjlike123create-design-md
Create a DESIGN.md documenting a product's design language from repository or URL evidence.
Mjlike123baseline-ui
Reviews and fixes UI code for spacing, typography, layout, and animation issues.
Mjlike123toptop-design-review
Reviews TopTop Kit prototypes for visual quality, spec compliance, interaction logic, and delivery readiness.
Mjlike123toptop-design-system
Implements interactive UI prototypes using TopTop Kit component specs and design tokens.
Mjlike123fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, and focus management.
Mjlike123improve-ui
Audit product surfaces against design evidence and write implementation plans for UI fixes.
Mjlike123toptop-prototype-studio
Builds hybrid UI prototypes combining stable design kit components, base primitives, and exploratory modules.
Mjlike123yueban-image-to-code
Convert UI screenshots into 750px pixel-faithful code with transparent PNG asset extraction.
Mjlike123fixing-metadata
Audit and fix HTML metadata including titles, canonical URLs, Open Graph tags, and JSON-LD.
Mjlike123wireframe
Generate grayscale low-fidelity wireframe variants for layout and flow exploration.
Mjlike123generate-variations
Generates three or more distinct design variations for screens, components, or flows.
Mjlike1235-dim-review
Review completed designs across five dimensions with evidence-backed scores and prioritized findings.
Mjlike123interaction-states-pass
Audits interactive elements for six UI states, transitions, and action feedback.
Mjlike123accessibility-audit
Audits HTML designs for WCAG accessibility issues across contrast, semantics, keyboard, and motion.
Mjlike123polish-pass
Orchestrates four parallel design review agents and aggregates findings into a prioritized pre-delivery quality gate.
Mjlike123ai-slop-check
Detects nine common AI-generated design patterns in HTML and CSS files.
Mjlike123hierarchy-rhythm-review
Reviews visual hierarchy and rhythm in HTML/CSS designs using two parallel audit agents.
Mjlike123remove-inspo-source
Removes registered design inspiration sources from the lazyweb libraries.json registry.
Mjlike123add-inspo-source
Registers external design inspiration libraries as searchable research sources in a local configuration file.
Frequently Asked Questions About Mjlike123
FAQPage SchemaWhat tasks can I accomplish with Mjlike123's design skills?▼
You can build interactive prototypes with real navigation and validation, generate wireframes and design variations, extract design tokens into a DESIGN.md, convert UI screenshots to pixel-accurate code, audit accessibility against WCAG, fix animation performance issues, and correct SEO metadata like Open Graph tags and canonical URLs.
Who should use these UI/UX design skills?▼
Front-end engineers, product designers, and design-engineering teams benefit most. The skills suit anyone building functional prototypes from product descriptions or Figma files, running pre-delivery quality gates, conducting five-dimension design reviews, or seeking read-only second opinions on major product design decisions.
How do the design review and quality-gate skills work in practice?▼
Reviews are read-only by default: skills like 5-dim-review, toptop-design-review, and polish-pass launch parallel audit agents covering accessibility, hierarchy, interaction states, and AI-slop detection, then output evidence-backed findings ranked as blocker, quality, or polish. Files are only modified when you explicitly request fixes.
Are Mjlike123's skills open source and what do they cost?▼
Skills with declared licenses, such as ui-skills-root and fixing-metadata, are released under the MIT license, making them free to use and modify. Several legacy skills including make-a-deck and component-extract are deprecated as of v5.0 and scheduled for removal after six months of inactivity.
What prerequisites or dependencies do these skills require?▼
Most skills operate on an existing product repository, UI screenshots, or Figma exports as input evidence. Inspiration-source skills require explicit user authorization to connect Mobbin, Dribbble, Behance, or similar libraries, and page-canvas-vision requires the UI prototype workbench Portal for screenshot uploads. No external service is mandatory for core design research.