Browse Skills

Design Of Everyday Things applies foundational UX principles like affordances, signifiers, mappings, constraints, and feedback. Use it when interfaces feel confusing, users make mistakes, or you need to reduce complexity and improve discoverability.

Establishes or extends a domain-grounded design system with research from real-world prior art and applied design taste. Use during UI design or visual design phases to produce slop-free, tasteful results.

TheSVG fetches brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from thesvg.org. Use it when a user asks for a logo or icon for a real brand or cloud service; returns ready-to-use CDN URLs or raw SVG markup.

Skillshare UI & Website Style enforces the design system across the React dashboard (ui/) and Docusaurus website (website/). Use it when building or modifying dashboard pages, styling website pages, creating React components, or fixing visual bugs to ensure consistency.

Accessibility provides web accessibility patterns for WCAG 2.2 compliance, including ARIA, keyboard navigation, screen readers, and testing.

Frontend Excellence provides modern frontend patterns for React Server Components, performance optimization, and Core Web Vitals. Use it to improve LCP, INP, CLS with streaming SSR, code splitting, image and font optimization.

GraphQL Design provides patterns for GraphQL schema design, resolvers, subscriptions, DataLoader for N+1 prevention, and error handling. Use it when building or reviewing GraphQL APIs.

Mobile Development provides patterns for building mobile apps with React Native and Flutter, covering navigation, state management, responsive design, and platform-specific styling. Use it when implementing mobile UI components, lists, navigation, or handling device-specific behavior.

Landing Page CRO Analysis audits any landing page URL and produces a section-by-section teardown with prioritized, actionable conversion rate optimization fixes. Use it when asked for landing page feedback, conversion optimization, or a review to improve signups, leads, or purchases.

Agentic Design System provides implementation-ready design system guidelines for conversational AI-first interfaces with minimal controls and delegated task flows. Use it to create consistent, accessible UI for agentic workflows.

Ant Design provides structured, enterprise-focused design system guidance for creating data-dense web applications, emphasizing clarity, consistency, and accessibility. Use it to author implementation-ready UI rules for engineers and designers.

Artistic Design System provides implementation-ready design guidance for high-contrast, artistic interfaces with creative typography and bold color choices. It helps engineers and designers apply consistent component rules and accessibility acceptance criteria.