design-ui
π―Skillfrom mblode/agent-skills
Generates responsive UI mockups and design systems with best practices for layout, typography, color theory, and component design.
Part of
mblode/agent-skills(13 items)
Installation
npx skills add mblode/agent-skillsMore from this repository10
Provides guidelines and best practices for creating performant, accessible, and delightful UI animations with consistent motion principles.
Performs comprehensive UI quality review focusing on typography, accessibility, and user experience refinement before product release.
Enables secure, scalable multi-tenant platform architectures on Cloudflare Workers with deterministic routing, tenant isolation, and custom domain support.
Reviews pull requests for bugs and CLAUDE.md compliance, providing high-signal, actionable feedback with precise inline comments.
Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.
Generates comprehensive, step-by-step feature implementation plans by systematically exploring requirements, analyzing codebase architecture, and mapping out specific changes across multiple files.
Implements frontend best practices for React/TypeScript, focusing on type safety, form handling, state management, and clean, performant code.
Defines TypeScript app architecture by establishing repo layout, workflow patterns, and full-stack conventions for efficient project setup and scaling.
Analyzes web typography, evaluating font choices, readability, hierarchy, and design consistency across digital interfaces
Generates professional slide decks with structured content, design recommendations, and visual layouts optimized for effective communication and audience engagement.