Skip to content
cccskills

Results for “loading”

1.1K skills · sorted by relevance

Build dashboard panels with patterns for handling failed API requests. TypeScript examples cover retries, cached data, temporary pauses after repeated failures, loading and error displays, and saving panel size and expansion state in the browser.

  • Building dashboard panels that handle API failures
  • Adding loading, error, and retry displays
  • Preserving panel size and expansion state
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build a dark dashboard with panels that adapt to screen width. The skill provides CSS for consistent colors, monospace text, panel headers, scrolling content, status badges, and loading or error states.

  • Building dashboards with multiple information panels
  • Adapting panel layouts for phones and large screens
  • Standardizing dark colors and monospace text
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build dashboard panels that manage both display and data fetching. A shared TypeScript base provides loading states, retry controls, caching, automatic refresh, and a circuit breaker that temporarily pauses requests after repeated failures.

  • Building dashboard panels with data fetching
  • Standardizing loading and error displays across panels
  • Configuring caching and failure handling for each panel
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build dashboard panels in plain TypeScript with data fetching and loading states. The pattern uses cached data, fallback values, and a circuit breaker, which temporarily pauses requests after repeated failures, to handle API problems.

  • Building a stock dashboard panel with periodic updates
  • Adding request cooldowns and fallback values for API failures
  • Sharing loading, error, and count displays across panels
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build dashboard panels in vanilla TypeScript with resizing, saved layout state, loading indicators, and retry controls. Examples also show how to wrap existing data-fetching functions with caching and temporary request pauses after repeated failures.

  • Building dashboard panels in vanilla TypeScript
  • Saving panel sizes across page reloads
  • Adding retry controls to failed data requests
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Review Windows privilege escalation paths from a standard user session to Administrator or SYSTEM. Examine service permissions, token privileges, library loading, scheduled tasks, and stored credentials, with detection indicators for defensive validation.

  • Investigating privilege escalation in authorized Windows assessments
  • Reviewing service and scheduled task permissions
  • Checking detection coverage with attack and defense teams
SnailSploit/Claude-Red7.7KUpdated Oct 13, 2026

react-and-nextjs-data-visualization

Official · CodexFreeSummary

Integrate charts and architecture diagrams into React or Next.js apps. Plan which parts run in the browser, separate rendering from application state, and address loading performance, mobile layouts, accessibility, and shareable views.

  • Integrating D3 charts into React components
  • Choosing browser or server rendering in Next.js
  • Sharing chart filters and selections through URLs
openai/plugins7.5KUpdated Oct 8, 2026

swiftui-ui-patterns

Official · CodexFreeSummary

Build or refactor SwiftUI screens using component examples for navigation, state, layouts, and controls. The skill guides screen composition, asynchronous loading, previews, and build checks while following existing project conventions and supported operating system versions.

  • Set up tabs, navigation, and sheets in a new app
  • Refactor large screens into focused subviews
  • Clarify state ownership and dependency sharing
openai/plugins7.5KUpdated Oct 8, 2026

Design and implement iPolloWork plugin interfaces using shared components, colors, typography, and interaction rules. Covers host React and iframe integration, component readiness, and checks for loading, errors, keyboard use, and recovery.

  • Build plugin forms with shared components
  • Integrate shared controls into iframe plugins
  • Design loading, error, and retry states
Devin-AXIS/iPolloWork7.1KUpdated Oct 20, 2026

figma-use

FreeSummary

Use JavaScript through Figma's Plugin API to inspect file structure and edit design elements, components, variables, and layouts. Follow incremental steps with font loading, returned element IDs, and visual checks to validate changes.

  • Edit shapes and text in a Figma file
  • Set up components, variants, and shared design values
  • Adjust auto-layout, fills, and variable bindings
Devin-AXIS/iPolloWork7.1KUpdated Oct 20, 2026

perf-lighthouse

FreeSummary

Measure website performance with Lighthouse, interpret scores and reports, and compare results across builds. Set limits for loading times and resource sizes, then integrate audits into CI, an automated workflow that checks code changes.

  • Measure mobile and desktop website performance
  • Understand Lighthouse scores and failed checks
  • Set limits for resource sizes and loading times
tech-leads-club/agent-skills7.1KUpdated Oct 21, 2026

chrome-devtools

FreeSummary

Inspect and control live Chrome pages to investigate display problems, console errors, failed requests, and slow loading. Capture screenshots, automate page interactions, and record performance traces to identify where delays or layout shifts occur.

  • Investigating page errors and failed network requests
  • Finding causes of slow loading and layout shifts
  • Capturing screenshots of pages or individual elements
tech-leads-club/agent-skills7.1KUpdated Oct 21, 2026

thinking-orbs

FreeSummary

Add animated AI activity indicators to React interfaces, with distinct states for searching, reasoning, listening, writing, and creating. The skill covers matching indicators to real tasks, choosing sizes and themes, and providing accessible status announcements.

  • Showing search and writing states in an AI chat
  • Indicating microphone input in a voice interface
  • Replacing a generic loading spinner
MengTo/Skills6.9KUpdated Oct 18, 2026

Build a continuous 3D website where scrolling guides the camera, lighting, text, and interactions through planned chapters. The skill covers visual planning, responsive composition, progressive loading, accessibility, and performance checks for a live Three.js world.

  • Create a product story set in a continuous 3D world
  • Build an interactive portfolio with a scrolling camera journey
  • Present an exhibition through connected spatial chapters
MengTo/Skills6.9KUpdated Oct 18, 2026

Create hand-drawn SVG illustration cards featuring expressive creatures or living objects that represent coding and design ideas. A supplied brush library supports uneven ink outlines, loose watercolor fills, large eyes, and consistent details across a set.

  • Creating a loading illustration with a snail mascot
  • Adding a character illustration to an error page
  • Illustrating a coding concept for a blog header
MengTo/Skills6.9KUpdated Oct 18, 2026

beam-glow-states

FreeSummary

Use border-beam to add moving edge highlights or breathing glows to React controls and panels. Connect effects to loading, selection, and focus states while retaining clear text, static indicators, keyboard focus, and support for reduced motion.

  • Adding a breathing glow to a processing panel
  • Highlighting a selected card or current step
  • Adding a moving bottom edge to an input
MengTo/Skills6.9KUpdated Oct 18, 2026

3d-virtual-tour

FreeSummary

Build interactive 3D tours for buildings, museums, and showrooms. Coordinate guided camera routes, room lists, floor plans, and orbit inspection, which lets viewers rotate around a model, while managing transitions, asset loading, and accessible controls.

  • Building architectural walkthroughs
  • Adding room navigation to real estate tours
  • Creating museum and showroom tours
MengTo/Skills6.9KUpdated Oct 18, 2026

Build React interfaces that clearly handle loading, errors, empty results, and submissions. Use examples and checklists to keep existing data visible during refetching, offer retry actions, and disable buttons while asynchronous operations are running.

  • Keeping existing data visible during refetching
  • Adding visible errors and retry actions
  • Showing guidance when lists or search results are empty
ChrisWiles/claude-code-showcase6.1KUpdated Jan 7, 2026

polish

FreeSummary

Review a functionally complete interface before release and fix details in spacing, alignment, typography, wording, and interaction states. The skill also covers responsive layouts, accessibility, loading behavior, and code cleanup as part of the final quality pass.

  • Reviewing an interface before launch
  • Fixing inconsistent spacing and typography
  • Checking loading, error, and empty states
fengshao1227/ccg-workflow5.9KUpdated Oct 21, 2026

clarify

FreeSummary

Improve confusing interface text, from error messages and form labels to buttons and loading notices. This skill clarifies what happened, what users should do next, and which terms to use consistently across the product.

  • Rewrite error messages with clear recovery steps
  • Clarify form labels and input instructions
  • Make button actions easier to understand
fengshao1227/ccg-workflow5.9KUpdated Oct 21, 2026

optimize

FreeSummary

Diagnose and improve slow web interfaces by measuring loading, rendering, interactions, and animations. The skill addresses images, JavaScript bundles, page layout, and network requests, then compares before-and-after results to verify improvements across devices and connection speeds.

  • Reducing slow initial page loads
  • Improving sluggish scrolling and animations
  • Reducing image and JavaScript download sizes
fengshao1227/ccg-workflow5.9KUpdated Oct 21, 2026

hook-development

FreeSummary

Build Claude Code plugin hooks: automated checks triggered by tool use or session events. Get guidance on prompt and command hooks for validating actions, checking task completion, loading context, and testing configurations.

  • Checking dangerous commands before execution
  • Verifying completion before the agent stops
  • Loading project context when a session starts
Galaxy-Dawn/claude-scholar5.9KUpdated Oct 19, 2026

Transfer files between agents through MinIO, a shared file store. The skill guides uploading materials for Workers, downloading their outputs, and notifying them to sync so that local files reflect shared updates.

  • Share input files with Workers
  • Download outputs uploaded by Workers
  • Notify Workers after updating shared files
agentscope-ai/AgentTeams5.8KUpdated Oct 20, 2026

Handle standalone administration tasks on a Tuwunel Matrix server, including registering users, creating rooms, managing membership, and uploading files. It also covers sending files to an administrator and identifies mention and room-joining requirements that affect Workers.

  • Registering users on a Matrix server
  • Creating rooms and managing membership
  • Uploading files for an administrator
agentscope-ai/AgentTeams5.8KUpdated Oct 20, 2026