design-md
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files to serve as a source of truth for AI-driven UI generation.
Discover reusable agent skills, browse implementation details, and find the right skill for your workflow.
106 skills found
Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files to serve as a source of truth for AI-driven UI generation.
Interface design guidance for utilitarian apps, focusing on dashboards, admin panels, and data-heavy UIs using a component-library-first approach.
React Native and Expo best practices for performant mobile apps. Covers list virtualization, animations with Reanimated, UI patterns, and native platform API optimizations.
Implements Next.js Parallel Routes for modals to prevent layout shifts. Essential for dialogs, modals, and intercepted routes.
Build scalable, production-ready design systems using Tailwind CSS v4, featuring CSS-first configuration, design tokens, component variants, and responsive patterns.
Advanced visual regression testing with pixel-perfect and AI-powered diff analysis, cross-browser validation, and responsive design checks to prevent UI regressions in CI/CD pipelines.
Master design system architecture: implement design tokens, multi-brand theming, component libraries, and automated design-to-code pipelines for scalable UI foundations.
Accessibility best practices and patterns for React applications to ensure WCAG compliance, semantic structure, and inclusive user experiences.
Expert UI/UX design assistant for React & Next.js. Provides visual critiques, design system architecture, and Tailwind CSS/shadcn/ui implementation guidance for production-grade web applications.
Generate professional, single-file HTML presentations with speaker notes. Supports themes, layouts, and PPTX export for decks, talks, and pitches.
Implements UI components from Figma/mockups with pixel-perfect accuracy, intelligent design validation, and adaptive agent switching.
Build a cohesive, constraint-based design system using the Design Graph methodology. Automate the creation of design tokens, typography scales, components, variants, and themes.