Review styles written directly in HTML or embedded style blocks, and move suitable rules into external stylesheets. Check layouts across screen sizes and interaction states while preserving justified exceptions for critical styles and dynamic values.
한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.
- Reviewing styles written directly in HTML
- Moving embedded styles into external stylesheets
- Checking exceptions for critical CSS and dynamic values
thedaviddias/Front-End-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.5만2026년 10월 6일 업데이트
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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.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-Checklist☆ 7.5만2026년 10월 6일 업데이트
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-Checklist☆ 7.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-Checklist☆ 7.5만2026년 10월 6일 업데이트
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-Checklist☆ 7.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-Checklist☆ 7.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-Anything☆ 5.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-plugins☆ 3만2026년 10월 17일 업데이트
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/Octop☆ 1만2026년 10월 18일 업데이트
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-skills☆ 3천2026년 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-aws☆ 2.9천2026년 10월 16일 업데이트
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-skills☆ 2.3천2026년 10월 11일 업데이트
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/skillkit☆ 1.6천2026년 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/bioSkills☆ 1.2천2026년 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-toolkit☆ 1.2천2026년 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-Skills☆ 9482026년 10월 7일 업데이트
Figma-to-code translation, design tokens, spacing/typography scales, responsive breakpoints, and design system bridge patterns.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
vibeeval/vibecosystem☆ 5382026년 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-components☆ 5252025년 12월 11일 업데이트
Designs layout systems and responsive interfaces including grid systems, flexbox patterns, sidebar layouts, and responsive breakpoints. Use when structuring app layouts, building responsive designs, or creating complex page structures.
한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.
ancoleman/ai-design-components☆ 5252025년 12월 11일 업데이트