frontend-designer
Convert UI/UX designs (mockups, wireframes, screenshots) into technical specs, component architectures, and implementation guides. Use for design analysis, design system extraction, component specifications, an...
Skills matching the name, description or GitHub author.
Convert UI/UX designs (mockups, wireframes, screenshots) into technical specs, component architectures, and implementation guides. Use for design analysis, design system extraction, component specifications, an...
Extended frontend design guidelines with comprehensive mobile responsiveness and cross-element styling consistency. Use alongside /frontend-design for production-grade, mobile-first interfaces.
Create distinctive, production-grade frontend interfaces with high design quality AND comprehensive mobile responsiveness. Combines aesthetic guidelines with mobile-first patterns, form consistency, and color c...
UI/UX design intelligence for professional frontend development. Use when building UI, creating pages, designing components, landing pages, dashboards, or styling web applications.
Build responsive web pages, create reusable components, implement layouts, and apply styling with modern CSS. Use for developing user interfaces and interactive web applications.
Ensure WCAG 2.1 AA compliance in all frontend designs. Use this skill when building any user interface to guarantee visibility, contrast, keyboard navigation, and screen reader support.
Create production-grade frontend interfaces with systematic UI/UX design. Use when building web components, pages, or applications. Covers design systems, component states, accessibility (WCAG 2.2), responsive...
Expert in Template Project frontend architecture, React patterns, TypeScript, TanStack Query, Zustand, and component development with strong type safety. Use when building UI components, implementing data fetch...
Frontend Design Expert
Frontend UI/UX design for websites and web apps. Handles page layouts, component design, responsive design, animations, and accessibility. Uses RazorVision brand guidelines by default (Light Blue
Comprehensive technical architecture guidance for full-stack applications. Use when discussing system design, component architecture, API design, database schema, state management, deployment strategies, perfor...
Creates distinctive, creative frontend designs that avoid generic "AI slop" aesthetics. Use when designing UI components, choosing colors/fonts, adding animations, or improving visual design. Focuses on unique...
Create rich, responsive interactive experiences that make applications a joy to use. Use this skill when building components with user interactions, forms, data-heavy interfaces, or any feature requiring though...
Comprehensive skill for UI/UX design and implementation in web applications. Use for tasks involving design systems, component creation, responsive layouts, accessibility, theming, and frontend best practices....
Enhance frontend UI/UX design with better typography, color systems, animations, and visual hierarchy. Use when creating or improving UI components, layouts, dashboards, forms, or any visual elements.
Technical Architect & Delivery Strategist who synthesizes product requirements and UI/UX designs into clear, actionable Technical Design Documents (TDD). Translates business flows into concrete system architect...
Creates visually striking, production-grade frontend interfaces that reject generic "AI slop" aesthetics through intentional design thinking. Implements bold typography, distinctive color palettes, high-impact...
Senior frontend architect + design-system quality bar (a11y, tokens, typography, Tailwind/shadcn or MUI)
Strategic creative direction for brand identity, design systems, and visual strategy. Use when creating brand guidelines, design system documentation, visual identity, mood/aesthetic direction, or any upstream...
Creates distinctive, production-grade frontend interfaces with high design quality for TOPSI Inc. products. Auto-activates for UI design, landing pages, dashboards, patient portals, and healthcare interfaces. F...
Frontend design system utilities with component libraries, theme management, responsive design tools, and accessibility features.
Project management orchestration for website design and development projects. Use this skill when coordinating multi-agent website projects that require design, frontend development, quality control, accessibil...
Modern UI design principles and guidelines for building clean, professional interfaces. Use when creating any UI components, layouts, web pages, or interactive elements including buttons, forms, cards, navigati...
Creates premium, visually stunning web interfaces with modern design patterns. Use when building UI components, landing pages, dashboards, or any user-facing interface. Emphasizes rich aesthetics, micro-animati...
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.