Skip to content
cccskills

Results for “typescript”

1.3K skills · sorted by relevance

Refactor TypeScript code that handles several variants in multiple places using frozen classes and a Visitor interface, which defines a handler for each variant. This helps type checking expose missing handlers when new variants are added.

  • Refactor a union type with repeated switch statements
  • Design commands or nodes that need several kinds of processing
  • Catch missing handlers when adding a new variant
prisma/orm47.7KUpdated Oct 19, 2026

Turn a browser scenario into a Playwright TypeScript test by first performing its steps through Playwright MCP. The skill saves the generated test in the tests directory, runs it, and revises it until it passes.

  • Create an automated test from a browser scenario
  • Turn an executed interaction flow into test code
  • Run and fix a generated Playwright test
github/awesome-copilot40.2KUpdated Oct 20, 2026

Create a Power Apps Code App starter project with React and TypeScript. Set up development tools, authentication, connector examples, and deployment scripts, with documentation covering local development and Power Platform configuration.

  • Start a Power Apps Code App project
  • Build a sample that retrieves Office 365 Users profiles
  • Document local development and deployment steps
github/awesome-copilot40.2KUpdated Oct 20, 2026

video-sdk/web

FreeSummary

Build custom browser video applications with Zoom Video SDK using JavaScript or TypeScript. Guidance covers session setup, participant video rendering, screen sharing, recording, and live transcription, with implementation patterns and troubleshooting for common integration problems.

  • Building a custom browser video application
  • Fixing missing participant video
  • Adding screen sharing and chat
anthropics/knowledge-work-plugins30.6KUpdated Oct 19, 2026

api-development

FreeSummary

Develop and review FastGPT APIs with consistent input and output checks, TypeScript types, and OpenAPI documentation. It guides the use of Zod schemas, definitions that describe and validate data, alongside permission checks and reusable structures.

  • Adding a new FastGPT API route
  • Changing API inputs or responses
  • Reviewing API validation and documentation
labring/FastGPT29.9KUpdated Oct 19, 2026

senior-frontend

FreeSummary

Helps build React and Next.js interfaces with TypeScript and Tailwind CSS. Provides project and component generators, reviews dependencies for code size reductions, and guides measurable improvements to loading performance, accessibility, and frontend code quality.

  • Starting a React or Next.js project
  • Generating components with tests and Storybook stories
  • Finding dependencies that increase download size
alirezarezvani/claude-skills28.4KUpdated Aug 30, 2026

cmux-backend

FreeSummary

Guide cmux backend changes with consistent rules for Effect, a TypeScript library for structured error handling. Covers Cloud VM state, database migrations, provider integrations, and authentication and payment checks so changes follow the intended architecture.

  • Implementing API error handling
  • Updating Cloud VM lifecycle logic
  • Preparing database migrations
manaflow-ai/cmux28.3KUpdated Oct 19, 2026

react-expert

FreeSummary

Build React components, forms, and custom hooks with TypeScript. Organize state and data fetching, debug rendering problems, migrate class components, and improve performance, with type checks and component tests to validate the implementation.

  • Build React components and forms
  • Design state management and data fetching
  • Debug rendering issues and improve performance
Jeffallan/claude-skills11.9KUpdated Oct 17, 2026

transformers-js

FreeSummary

Build JavaScript or TypeScript applications that run text, image, and audio models in browsers or server runtimes. Guides compatible model selection, GPU or CPU execution, caching, and memory cleanup without requiring a Python server.

  • Add text classification or translation to a browser app
  • Implement image classification and object detection
  • Transcribe audio using JavaScript
huggingface/skills11.2KUpdated Oct 9, 2026

mcp-builder

FreeSummary

Build MCP servers that connect AI assistants to external services and data. This skill guides tool design, input validation, error handling, testing, and distribution, with implementation examples for TypeScript and Python.

  • Building an MCP server for an external service
  • Improving tool parameters and error messages
  • Testing MCP interactions before distribution
jnMetaCode/superpowers-zh8.3KUpdated Oct 20, 2026

Use WorldMonitor’s architecture as a reference for building dashboards. Find examples of TypeScript panels, data services, grid layouts, API proxies, and refresh scheduling, with guidance on simplifying these patterns for a personal monitoring project.

  • Build a panel following WorldMonitor conventions
  • Study patterns for scheduled data refreshes
  • Review dashboard themes and grid layouts
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Write source files when direct file writing fails on quotes, backticks, or embedded variables in strings. The skill uses a temporary Python script executed through the shell and supports writing several files in one pass.

  • Save TypeScript files containing template literals
  • Write scripts with mixed quotes and escape sequences
  • Write several problematic files through one Python script
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

virtual-list

FreeSummary

Guides implementation of large scrolling lists that render only visible items and a small buffer. Includes TypeScript examples for reusing page elements, limiting scroll updates, and cleaning up event listeners to reduce rendering work.

  • Building lists with thousands of items
  • Reducing rendering work during scrolling
  • Reusing list elements and cleaning up listeners
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build TypeScript summary panels that combine data already fetched by other panels. Accept partial updates, wait for required fields before rendering, and update displayed metrics without additional network requests, using reusable base classes and a coordinator.

  • Combine email and stock metrics in one summary panel
  • Wait for required data before showing a summary
  • Update metrics using data fetched by other panels
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 sidebars and widgets that receive data updates from their caller. This skill uses a single shared module instance, separate creation and update functions, and stored references to page elements for partial updates.

  • Build a sidebar that updates frequently
  • Display data supplied by an external controller
  • Update selected page elements without rebuilding the whole widget
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build TypeScript data services that separate API calls from display components. Add caching and a circuit breaker, which pauses calls after repeated failures, while keeping user-triggered requests able to report errors directly.

  • Building data services for automatically refreshed panels
  • Pausing repeated calls to a failing API
  • Separating generation errors from background refresh handling
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

data-service

FreeSummary

Build TypeScript services that fetch API data for display panels. Use a circuit breaker, which pauses calls after repeated failures, alongside caching and default values, while keeping API keys on the server through proxy endpoints.

  • Separating API calls from display components
  • Pausing requests after repeated API failures
  • Configuring cached data and default values
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

Build dashboard panels in plain TypeScript with automatic retries, saved panel settings, and clear error states. Keep panel-specific helper functions in the same file to make each component easier to understand and maintain.

  • Build a panel that retries failed data requests
  • Save panel dimensions and expanded or collapsed state
  • Keep time and status formatting helpers beside panel code
HKUDS/OpenSpace7.8KUpdated Aug 13, 2026

three-webgl-game

FreeSummary

Build browser-based 3D games with Three.js, TypeScript, and Vite. Structure scene and camera control, model loading, physics, and interface overlays separately from game rules, with guidance for WebGL rendering diagnostics and performance.

  • Build a browser-based 3D exploration demo
  • Prototype vehicle movement or character traversal
  • Load GLB models and integrate Rapier physics
openai/plugins7.5KUpdated Oct 8, 2026

Build and deploy TypeScript agents on OpenServ that run custom tools, call APIs, or generate content. The skill covers capability definitions, platform registration, local development, task logging, and deployment, including platform-managed AI calls.

  • Build an agent that calls external APIs
  • Create a translation or sentiment-analysis agent
  • Attach logs and generated files to tasks
internet-court/internet-court-skill6.8KUpdated Aug 20, 2026

glam

FreeSummary

Create and manage Solana asset vaults with GLAM Protocol through its CLI or TypeScript SDK. Configure delegated permissions, manage investor subscriptions and redemptions, and use integrations for token swaps, lending, staking, and USDC transfers between chains.

  • Create a tokenized vault and manage subscriptions and redemptions
  • Delegate trading permissions for specific protocols
  • Swap tokens with Jupiter or lend through Kamino
internet-court/internet-court-skill6.8KUpdated Aug 20, 2026

mppx

FreeSummary

Integrate HTTP 402 payment requests into TypeScript applications using mppx. Add automatic client payments, payment-protected server routes, Tempo stablecoin charges or metered sessions, Stripe card payments, and paid MCP tool calls.

  • Handle HTTP 402 payments automatically in a client
  • Require payment before serving an API response
  • Add metered payments with Tempo
internet-court/internet-court-skill6.8KUpdated Aug 20, 2026

Build stablecoin transfers where the amount sent equals the amount received using LI.FI Intents. The skill covers quotes, token approval, escrow deposits, and order tracking for transfers within or across supported blockchains.

  • Building a stablecoin swap interface with equal input and output amounts
  • Adding cross-chain USDC or USDT transfers
  • Implementing quotes, approvals, and escrow orders in a backend
internet-court/internet-court-skill6.8KUpdated Aug 20, 2026