Design & Frontend
4,640 results
- UI Context And ScopeDembrandtShow where the user is and what their actions affect — breadcrumbs, regions, scope labels. Use when designing deep navigation or multi-section layouts.
- UI DensityDembrandtMatch information density to platform and user type. Use when designing data tables, dashboards or toolbars, or adapting a desktop product for mobile.
- User Flows And Guided PathsDembrandtGuided multi-step paths and wizards. Use when designing onboarding, checkout, setup sequences or any multi-step journey.
- Visual Emphasis And HierarchyDembrandtSize, colour, weight and position mark what matters most. Use when designing button groups, CTAs, cards, dashboards or any layout with a primary action.
- Wcag AccessibilityDembrandtWCAG 2.2 AA compliance as required by the European Accessibility Act. Use when designing, building or reviewing any user-facing interface for accessibility.
- Logfire FrontendPydanticSet up and troubleshoot Pydantic Logfire frontend observability and session replays in JavaScript/TypeScript browser applications. Use for browser errors, RUM, Web Vitals, replay recording, privacy controls, or reducing browser telemetry volume. Supports browser entrypoints, React/Vite, and the client side of Next.js; use logfire-instrumentation for server-side telemetry.
- App Iconcode-with-betoGenerate app icons for your React Native Expo app with iOS 26 support
- Animation PrinciplesInfrasity-LabsApply animation principles to UI motion for purposeful, polished interactions.
- Business DesignInfrasity-LabsA practitioner's toolkit for thinking and communicating as a designer in a business context — reading financials, mapping competitive landscapes, and defending design decisions in the language of value.
- Case StudyInfrasity-LabsCraft portfolio-ready case studies that tell the story of a design project.
- Competitive AnalysisInfrasity-LabsConduct a structured competitive analysis comparing UX patterns, features, strengths, and gaps across rival products.
- Component SpecInfrasity-LabsWrite a detailed component specification including props, states, variants, accessibility requirements, and usage guidelines.
- Dark Mode DesignInfrasity-LabsDesign effective dark mode interfaces with proper color adaptation, contrast, and elevation.
- Design BriefInfrasity-LabsWrite a comprehensive design brief that defines the problem space, constraints, audience, and success criteria.
- Design CritiqueInfrasity-LabsFacilitate structured design critiques with clear feedback frameworks and actionable outcomes.
- Design Impact ReportingInfrasity-LabsCommunicate design's contribution to business and user outcomes in terms that resonate with stakeholders.
- Design NegotiationInfrasity-LabsAdvocate for design quality, scope, and time with cross-functional partners and leadership using evidence and shared goals.
- Design PrinciplesInfrasity-LabsDefine a set of actionable design principles that guide decision-making and resolve trade-offs.
- Design RationaleInfrasity-LabsWrite clear design rationale connecting decisions to user needs, business goals, and principles.
- Design Review ProcessInfrasity-LabsEstablish design review gates with criteria, checklists, and approval workflows.
- Design System AdoptionInfrasity-LabsCreate adoption strategies and materials to drive design system usage across teams.
- Design System GovernanceInfrasity-LabsDefine how a design system evolves — contribution models, versioning, change management, and deprecation.
- Design TokenInfrasity-LabsDefine and organize design tokens (color, spacing, typography, elevation) with naming conventions and usage guidance.
- Diary Study PlanInfrasity-LabsDesign a diary study plan with prompts, duration, participant criteria, and analysis framework. Use when you need to understand user behavior over time in natural contexts.