跳到正文
cccskills

“breakpoints”的搜索结果

79 个 · 按相关度排序

Review and fix Flexbox layouts with overflowing text, uneven item widths, or inconsistent spacing. Check rendered results across screen sizes and interaction states, then adjust sizing rules, spacing, and text overflow settings.

中文简介正在准备中。当前显示英语简介。

  • Fixing overflowing text in a horizontal layout
  • Making items share available width equally
  • Replacing margins between items with gap
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review CSS loading that delays a page’s first visible content. Help inline essential styles and defer other stylesheets, using preload and media conditions, while checking rendered layouts at different screen widths and interaction states.

中文简介正在准备中。当前显示英语简介。

  • Investigating CSS that delays initial page display
  • Separating essential styles from styles loaded later
  • Reviewing preload and media-based stylesheet loading
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Find repeated colors, spacing, and font sizes in CSS, then organize them into custom properties, reusable values referenced with var(). Review their use across components and screen sizes, and explain how overrides support theme changes.

中文简介正在准备中。当前显示英语简介。

  • Consolidating repeated colors and spacing
  • Preparing CSS for a brand refresh
  • Reviewing values for dark mode
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review how a page loads CSS, the rules that control its appearance. Inline the styles needed for the first visible content and load the rest asynchronously, while checking layouts across screen sizes and interaction states.

中文简介正在准备中。当前显示英语简介。

  • Reviewing CSS that delays initial page rendering
  • Extracting styles needed for the first visible screen
  • Moving noncritical CSS to asynchronous loading
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review and adapt component CSS using container queries, rules based on the space a parent element provides. This helps cards and other components adjust across sidebars, grids, and full-width layouts.

中文简介正在准备中。当前显示英语简介。

  • Adapting a card for both grids and sidebars
  • Converting media queries to container queries
  • Reviewing layouts at different container widths
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review component styles to find where CSS containment, which isolates rendering work, can limit layout recalculation and repainting. Identify suitable components and off-screen list items, then check their appearance across screen sizes and interaction states.

中文简介正在准备中。当前显示英语简介。

  • Reviewing pages with many independent components
  • Reducing rendering work for off-screen list items
  • Checking containment across screen sizes
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

css-print

免费

Review and create print styles for web pages so printed content stays readable. Adjust typography and page breaks, hide navigation and ads, and display external link URLs in the printed output.

中文简介正在准备中。当前显示英语简介。

  • Make web pages easier to read on paper
  • Hide navigation and ads when printing
  • Adjust print typography, page breaks, and link URLs
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

css-grid

免费

Review layouts that need alignment across both rows and columns, and suggest CSS Grid changes. Check rendered behavior at different screen widths and explain sizing, named areas, and grids that adapt to their content.

中文简介正在准备中。当前显示英语简介。

  • Replacing two-dimensional Flexbox or float layouts
  • Building card grids that adapt to screen width
  • Aligning nested elements with a parent grid
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

css-order

免费

Review the loading order of CSS and JavaScript to address rendering delays and flashes of unstyled content. Suggest changes to the document head, script loading, and critical styles, while checking layouts across screen sizes and interaction states.

中文简介正在准备中。当前显示英语简介。

  • Investigating flashes of unstyled content
  • Reviewing CSS and JavaScript order in the document head
  • Checking deferred scripts and critical styles
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Check whether production CSS is minified, meaning unnecessary spaces, comments, and verbose syntax are removed to reduce file size. Review build settings and rendered layouts, then suggest suitable minification tools or framework settings.

中文简介正在准备中。当前显示英语简介。

  • Checking production CSS minification
  • Adding minification to a build process
  • Reviewing CSS output from PostCSS
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Review CSS animations for properties that cause costly layout updates, then suggest changes using transform and opacity. Check how effects look across screen sizes and interaction states, including support for users who prefer reduced motion.

中文简介正在准备中。当前显示英语简介。

  • Reviewing animations that stutter
  • Replacing position and size animations
  • Checking reduced motion support
thedaviddias/Front-End-Checklist7.5万2026年10月6日 更新

Debug programs with LLDB while keeping session state across commands. Set breakpoints, inspect variables and memory, and examine core dumps, with JSON results for agents and a debug adapter interface for editor clients.

中文简介正在准备中。当前显示英语简介。

  • Inspect variables where a program stops
  • Investigate a crash using a core dump
  • Debug a running process
HKUDS/CLI-Anything5.5万2026年9月22日 更新

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

中文简介正在准备中。当前显示英语简介。

  • Preparing a design for developer handoff
  • Documenting layout changes across screen sizes
  • Specifying loading, empty, and error states
anthropics/knowledge-work-plugins3.1万2026年10月19日 更新

Turn a design into a developer handoff document covering layout, shared design settings, component options, interactions, and screen-size behavior. Include loading and error states, animation details, and accessibility notes to clarify implementation requirements.

中文简介正在准备中。当前显示英语简介。

  • Preparing a design for developer handoff
  • Documenting layout changes across screen sizes
  • Specifying loading, empty, and error states
TencentCloud/Octop1万2026年10月19日 更新

unocss

免费

Configure UnoCSS and style interfaces with utility classes, small reusable styling instructions. Use project settings to define custom rules, shortcuts, themes, and presets for features such as icons, typography, and attribute-based styling.

中文简介正在准备中。当前显示英语简介。

  • Adding UnoCSS to a Vite or Nuxt project
  • Combining repeated styles into shortcuts
  • Defining shared colors and responsive breakpoints
antfu/skills59872026年10月9日 更新

Set line length and measure for comfortable reading across type sizes and breakpoints. Use when tuning body text. Covers measure only — for the full size and weight scale, use `typography-scale`.

中文简介正在准备中。当前显示原文说明。

Owl-Listener/designer-skills29742026年9月6日 更新

Builds, configures, debugs, and optimizes AWS observability - operator-symptom questions and detecting Omni vs classic CloudWatch. CloudWatch on an already-reporting service: Log Insights, metric/composite/anomaly alarms, custom metrics/EMF, dashboards, X-Ray/ADOT tracing, canaries, CloudTrail, Dynamic Instrumentation (live breakpoints/snapshots), the Application Signals service map, and fleet health views. CloudWatch Omni on an existing Space: SQL over logs and traces, PromQL over metrics, Omni dashboards, Omni alerts, context graph for root cause, programmatic/IaC access (API/SDK/CLI/CloudFormation), driving Omni from a coding agent or skills, and evaluating AI agent quality from traces - on-demand and online scoring of live traffic, readback, custom evaluators. For first-time setup - creating an Omni Space, granting access, ingestion, or ADOT instrumentation for Application Signals (ServiceEvents, CI/CD metadata) or Omni - use setting-up-cloudwatch-observability. Not for app logging or threat detection.

中文简介正在准备中。当前显示原文说明。

aws/agent-toolkit-for-aws29182026年10月19日 更新

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). Use when the user wants a color palette, type scale, spacing/shadow/radius/motion tokens, multi-brand theming, or wants to validate token files. Covers colors, typography, spacing, shadows, borders, breakpoints, motion, gradients, opacity, blur, sizing, states, theming.

中文简介正在准备中。当前显示原文说明。

plugin87/ux-ui-agent-skills24302026年10月19日 更新

Applies systematic tracing and isolation techniques to pinpoint exactly where a bug originates in code. Use when a bug is hard to locate, code is not working as expected, an error or crash appears with unclear cause, a regression was introduced between recent commits, or you need to narrow down which component, function, or line is faulty. Covers binary search debugging, git bisect for regressions, strategic logging with [TRACE] patterns, data and control flow tracing, component isolation, minimal reproduction cases, conditional breakpoints, and watch expressions across TypeScript, SQL, and bash.

中文简介正在准备中。当前显示原文说明。

rohitg00/skillkit15582026年6月2日 更新

Detects acquired antimicrobial-resistance determinants and chromosomal point-mutation resistance in bacterial assemblies using AMRFinderPlus, ResFinder 4.0 (acquired + PointFinder), CARD-RGI, abritAMR, staramr, and species-specific callers (TB-Profiler, Mykrobe). Harmonises cross-tool output via hAMRonization, contextualises determinants with mobile-genetic-element annotation (MOB-suite, PlasmidFinder, MobileElementFinder, ICEberg), predicts phenotype against EUCAST or CLSI breakpoints, and translates calls into WHO GLASS reporting categories. Use when screening clinical or surveillance isolates for AMR, distinguishing acquired vs intrinsic vs point-mutation resistance, calling rpoB / katG / pncA / gyrA / mgrB mutations, reconciling AMRFinderPlus vs RGI vs ResFinder disagreement, contextualising carbapenemases or mcr alleles on plasmids, predicting susceptibility from genotype against the WHO Mtb 2nd-edition catalogue, or building a hAMRonized multi-lab AMR surveillance pipeline.

中文简介正在准备中。当前显示原文说明。

GPTomics/bioSkills12262026年8月15日 更新

Diagnose MATLAB errors and unexpected behavior. Breakpoints, workspace inspection, try-catch diagnostics, and common error patterns. Use when debugging functions, tracing errors, inspecting variables, or diagnosing runtime failures.

中文简介正在准备中。当前显示原文说明。

matlab/matlab-agentic-toolkit11852026年10月14日 更新

Audit UI/UX designs for quality, AI-generated slop, and accessibility. Use when reviewing designs, detecting slop patterns, validating WCAG compliance, checking design-token adherence, or reviewing responsive design across breakpoints.

中文简介正在准备中。当前显示原文说明。

borghei/Claude-Skills9512026年10月7日 更新

Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.

中文简介正在准备中。当前显示原文说明。

vibeeval/vibecosystem5382026年8月9日 更新

Debugging workflows for Python (pdb, debugpy), Go (delve), Rust (lldb), and Node.js, including container debugging (kubectl debug, ephemeral containers) and production-safe debugging techniques with distributed tracing and correlation IDs. Use when setting breakpoints, debugging containers/pods, remote debugging, or production debugging.

中文简介正在准备中。当前显示原文说明。

ancoleman/ai-design-components5252025年12月11日 更新