全部 Agent Skills
41,263 个结果
- manavmishra/ZeroSlopManav技能合集Open-source Agent Skill that finds and removes AI slop from your writing
- Marketing Vs Product SystemDembrandtA marketing site and its product may differ in density and scale but share one token layer. Use when the two drift apart, share components or need a single token owner.
- Md2docxYorick-RyuConvert Markdown to Word (DOCX) documents. Use when user wants to export, convert, or create Word documents from Markdown content.
- Micro InteractionsDembrandtSmall purposeful animations — toggles, animated icons, success moments. Use when designing interactive feedback, success states or loaders.
- Modal And Overlay PatternsDembrandtModals, drawers, bottom sheets and popovers, each with its scope and blocking level. Use when designing dialogs, confirmations, side panels or action sheets.
- Modular Scale TypographyDembrandtRatio-based type scale where every size relates to the others. Use when defining font sizes or type tokens, or when typography feels arbitrary.
- Motion And StorytellingDembrandtDisney's animation principles and cinematic technique applied to UI motion. Use when designing transitions, scroll animations or onboarding motion.
- Nielsen Usability HeuristicsDembrandtNielsen's 10 usability heuristics. Use when auditing an interface, designing interaction flows, writing error messages or reviewing usability.
- Notifications And RecoveryDembrandtToasts, inline errors, banners and recovery paths. Use when designing error states, success confirmations, async feedback or in-place editing.
- Operational Expert Tool UIDembrandtDense, linear, status-at-a-glance UI for specialists who use a tool all day. Use when designing dispatch, warehouse, logistics, scheduling or other B2B operations tools.
- Performance And Web VitalsDembrandtLighthouse audits and Core Web Vitals — LCP, CLS, INP. Use when optimising page load, layout shift, input delay, images, fonts or render-blocking resources.
- Real World MetaphorsDembrandtCards, drawers, carousels and other patterns borrowed from the physical world. Use when designing layout patterns, gestures or navigation paradigms.
- Repeated Component AlignmentDembrandtCards, rows, tiles and cells are fixed slot models that stay aligned when content length varies. Use when building or reviewing any repeated component.
- Responsive ParadigmsDembrandtMobile, tablet and desktop are different paradigms, not one layout scaled. Use when designing responsive layouts or deciding what each breakpoint shows.
- Scroll AreasDembrandtAvoid inner scroll containers; when unavoidable, one axis at a time. Use when a layout, table or panel might scroll inside the page.
- Semantic Html And SEODembrandtSemantic HTML5, SEO basics, alt text, progressive enhancement and SPA concerns. Use when building web UI, reviewing markup or optimising for search.
- Sizing UnitsDembrandtrem, px or relative units for each kind of value. Use when defining spacing and sizing tokens, control heights or media queries, or when a layout breaks under enlarged text.
- Status Colors And ErrorsDembrandtFew semantic colours, each meaning one thing, and errors with a way forward. Use when designing status indicators, validation, alerts or error states.
- Sticky And Fixed ElementsDembrandtSticky headers, bottom toolbars, floating action buttons and pinned table headers. Use when deciding what stays on screen while the user scrolls.
- Surface SeparationDembrandtSet a surface apart by one means — border, elevation or fill — and keep opacity for state. Use when designing cards, panels, list rows, toolbars or any container.
- Tab NavigationDembrandtTabs swap views under a shared context. Use when designing tabbed layouts, settings pages, detail views or dashboards with several data views.
- 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.