dylinmat
Community@dylinmat
dylinmat publishes 16 UI/UX design skills covering frontend interface generation, motion design, design audits, brand kits, and image-to-code workflows for web and mobile.
Agent Skills by dylinmat
Showing 16 vetted skills indexed across 1 GitHub repositories.
ui-ux-pro-max
Generates design system recommendations and searchable UI/UX guidelines from CSV databases.
design-taste-frontend-v1
Generates React and Next.js frontend interfaces with enforced design-taste rules and motion patterns.
web-design-guidelines
Reviews UI code files against Vercel's Web Interface Guidelines and reports violations.
imagegen-frontend-mobile
Generates premium mobile app screen and flow images for iOS, Android, and cross-platform concepts.
stitch-design-taste
Generates DESIGN.md design system files for Google Stitch screen generation.
design-motion-principles
Create and audit UI motion using designer-weighted principles for React, Framer Motion, and CSS.
industrial-brutalist-ui
Generates brutalist web interfaces combining Swiss typography with military terminal aesthetics.
imagegen-frontend-web
Generates per-section horizontal website design reference images with consistent art direction.
design-taste-frontend
Generates landing pages, portfolios, and redesigns with brief-driven design direction and pre-flight layout audits.
frontend-design
Generate distinctive production-grade frontend interfaces with HTML, CSS, JavaScript, and React.
minimalist-ui
Generates minimalist editorial-style frontend interfaces with warm monochrome palettes and bento-grid layouts.
gpt-taste
Generates award-level frontend pages with GSAP animations, bento grids, and AIDA structure.
high-end-visual-design
Generates premium agency-tier UI code with curated typography, nested card architecture, and physics-based motion.
redesign-existing-projects
Audits and upgrades existing websites and apps to higher design standards without breaking functionality.
image-to-code
Generates website section reference images, analyzes them, then implements matching frontend code.
brandkit
Generates premium brand-kit overview images with logo systems, palettes, and presentation boards.
Frequently Asked Questions About dylinmat
FAQPage SchemaWhat tasks can I accomplish with dylinmat's design skills?▼
You can design and build landing pages, dashboards, and mobile app screens; audit UI code for accessibility and Web Interface Guidelines compliance; add purposeful motion with GSAP ScrollTriggers and Framer Motion; redesign existing sites; and generate brand kits, logo systems, and section-specific design reference images.
Who are these skills designed for?▼
Frontend engineers, product designers, and developers using coding agents who need production-grade interfaces that avoid generic AI aesthetics. They suit teams building SaaS dashboards, e-commerce sites, portfolios, marketing pages, and iOS or Android app concepts across React, Next.js, Vue, Svelte, SwiftUI, and Flutter.
Which frameworks and stacks do the skills support?▼
The ui-ux-pro-max skill covers 10 stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and plain HTML/CSS. Motion skills target React, Framer Motion, GSAP, and CSS, while redesign skills work with any CSS framework or vanilla CSS.
Are dylinmat's skills free and open source?▼
The skills are publicly available in dylinmat's GitHub repositories at no cost. The frontend-design skill references complete license terms in its bundled LICENSE.txt file, so review that file before commercial redistribution. Other skills carry no explicit license declarations in their manifests.
What prerequisites or dependencies do these skills require?▼
Most skills are prompt-driven design intelligence requiring no special dependencies. The stitch-design-taste skill targets Google Stitch and outputs DESIGN.md files, ui-ux-pro-max integrates with shadcn/ui MCP for component search, and imagegen skills require an image-generation-capable environment since they produce images only, not code.