Design systems, UI components, usability audits, responsive design, prototyping
by @aj-geddes
Follows mobile-first design principles, optimizing interfaces for mobile devices first, then progressively adapting to larger screens, enhancing user experience.
by @giuseppe-trisciuoglio
Creates professional logical diagrams in draw.io, generating production-ready .drawio files.
by @anthropics
Generate complete developer handoff documentation from design mockups, including specifications, style guides, and interaction logic.
by @lotosbin
Provides UI/UX design expertise, assisting with user interface and user experience design.
by @davila7
Provides a comprehensive toolkit for user-centered research and experience design, covering core capabilities like data-driven user persona generation and customer journey mapping.
by @inferen-sh
Focuses on designing high-quality visual elements for business presentations (Pitch Decks), enhancing professionalism and attractiveness, contributing to project success.
Stipulates that the main agent does not directly read Excalidraw files but delegates processing to sub-agents to isolate context consumption and optimize design collaboration.
by @wondelai
Specializes in creating award-winning, immersive, top-tier web experiences, delivering extraordinary visual and interactive sensations to users through exceptional design and innovative technology.
by @samhvw8
Builds a React UI component system based on TailwindCSS, Radix, and shadcn/ui.
Manages draw.io diagrams, focusing on editing .drawio files, using auto-generated PNGs, and providing font setup guidelines.
by @yonatangross
UI component skill, providing comprehensive patterns for building accessible UI component libraries using shadcn/ui and Radix Primitives, covering CVA variants, OKLCH themes, and the cn() utility.
by @claude-office-skills
Create professional diagrams using Mermaid and PlantUML, generating flowcharts, sequence diagrams, and architecture diagrams.
by @mrgoonie
Comprehensive skill combining shadcn/ui components, Tailwind CSS, and canvas visual design systems to create aesthetically pleasing and user-friendly interfaces.
Creates system architecture diagrams using tools like Mermaid and PlantUML, clearly illustrating system structure and component relationships for better communication and design.
by @arvindrk
Automatically extract design tokens (colors, fonts, spacing, etc.) from public websites to generate local design system files, accelerating UI development.
by @shubhamsaboo
Provides intelligent assistance for UX designers by combining LLM applications, AI agents, and RAG techniques to optimize user experience design processes and decisions.
Creates visual art and design manifestos, presented in PNG and PDF formats, conveying design philosophy and aesthetic principles.
by @google-labs-code
Follows Google Labs' iterative design and build loop methodology, efficiently transforming ideas into actual products through rapid prototyping and continuous feedback.
Provides a curated collection of over 10 professional font and color themes, aiming to offer diverse, high-quality visual style options for design projects.
by @JimLiu
Professional infographic generator: 20 layout types, 17 visual styles, automatically recommends the best layout and style combination based on content.
Serves as the unified entry point for Stitch design work, handling prompt engineering to ensure a smooth and efficient design process.
Designs and implements responsive web layouts using technologies like CSS Grid, Flexbox, and media queries, ensuring optimal user experience across various devices and screen sizes.
by @sickn33
Build accessible, high-performance design systems using Radix UI primitives to enhance user experience and development efficiency.
Assists in transforming ideas into complete feature designs and specifications, refined through structured information gathering and collaborative validation.
by @dylantarre
Applies Disney's 12 principles to create expressive and purposeful visual animations. An AI Agent Skill to enhance work efficiency and automation.
by @rknall
SVG logo designer — AI Agent skill tool
Follow mobile-first design principles, providing exceptional UI/UX design for iOS and Android platforms.
by @jezweb
A skill for Claude Code CLI, covering full-stack development, Cloudflare, React, and Tailwind v4.
by @figma
Reuse Figma's published design system components, variables, and styles to automatically create or update complete interface pages, avoiding hardcoded drawing.
Assist in planning, executing, and synthesizing user research to gain deep insights into user needs and behaviors, guiding product design and development.
Systematically design microinteraction methods to create refined product interaction details, enhancing user experience and overall product quality.
Utilizes brand identity resources, including color palettes, fonts, and visual elements, to ensure brand consistency and professionalism across all touchpoints.
by @pbakaus
Evaluate and optimize design layout and spacing, resolving issues like monotony, clutter, or weak structure to enhance visual aesthetics and user experience.
Multi-platform AI image generation: Supports 7 platforms including OpenAI, Google, DashScope, Jimeng, Seedream, Replicate, with aspect ratio and quality presets.
Article cover image generator: A five-dimensional design system (type × color scheme × rendering × text × mood), with 9 color schemes × 6 rendering style combinations.
Educational comic generator: 5 art styles × 7 tones × 3 presets × 6 panel layouts, converting knowledge points into comic format.
by @manaflow-ai
Displays Markdown files in a separate panel, supporting rich text formatting and automatic updates via real-time file monitoring.
by @openai
Implements Figma-driven designs using the Figma MCP server. An AI Agent Skill to enhance work efficiency and automation.
by @antvis
Automatically generates beautiful and informative infographics from provided text content, visualizing complex data for easy understanding and dissemination.
Skilled in creating comprehensive Mermaid diagrams for documentation, architecture visualization, and process mapping.
Plan infographic layout and content structure, creating visual hierarchies to convey compelling data stories.
by @enzed
Focuses on lighting design in React Three Fiber, covering various light source types, shadow effects, and ambient light settings, to create realistic visual experiences for 3D scenes.
by @jwynia
Aims to design and evaluate presentations for effective communication, providing frameworks for planning, visual design, and cognitive load management to enhance expressive impact.
by @nextlevelbuilder
An AI skill providing design intelligence for professional UI/UX construction. An AI Agent Skill to enhance work efficiency and automation.
by @superdesigndev
Superdesign is an intelligent agent focused on frontend UI/UX design, providing professional design advice and solutions to enhance user experience.
Efficiently extracts product features from UI screenshots using a multi-agent analysis process, aiding design.
Expert guide for creating effective UI design prompts for Google Stitch, optimizing user interface and interaction experience.
by @aradotso
Infuses design intelligence into coding Agents, providing 161 inference rules, 67 UI styles, 57 font pairings, and a pre-delivery checklist.
Familiar with Web design patterns, able to apply proven solutions to common design problems, enhancing website usability, maintainability, and user experience, suitable for full-stack development.
by @leonxlnx
Generates an optimized semantic design system for Google Stitch, transforming front-end engineering specifications into a descriptive design language to improve screen generation quality.