跳到正文
cccskills

开发技能

编码规范、框架、重构、代码审查(1.9万 个)

按价格或排序方式筛选

Use this skill to check open pull requests for failed CI, requested review changes, conflicts, and quality issues. It prioritizes problems, guides fixes on each branch, and checks the resulting CI status after changes are pushed.

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

  • Checking the health of open pull requests
  • Finding the cause of CI build or test failures
  • Applying reviewer-requested changes across PRs
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Review completed CloudBase code for common problems in authentication, database tables and rules, storage setup, and SDK usage. It combines optional regex-based lint checks with semantic review to identify issues before the implementation is considered complete.

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

  • Review a new login flow or route guard
  • Check database CRUD and security rules
  • Inspect storage or Cloud Function changes
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Coordinate recurring repository reviews by routing API, documentation, code, and CloudBase skill checks to specialized reviewers. Combine their findings into a clear report, then recommend an issue or focused corrective pull request based on confidence and impact.

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

  • Planning a weekly review across APIs, docs, and skills
  • Routing findings to the right specialist
  • Combining review results into a maintenance report
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Choose a planning workflow for a software task: create requirements, design, and task artifacts for complex or unclear work, or move directly into a small, well-scoped change. The skill guides the choice and the workflow steps.

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

  • Planning a complex change before implementation
  • Choosing whether a task needs a written spec
  • Handling a small documentation or configuration fix
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

This deprecated guide covers operating an existing CloudBase MySQL database through MCP: safe queries, schema changes, permissions, and destroy status checks. It does not provision MySQL; new environments should use PostgreSQL instead.

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

  • Inspecting data in an existing CloudBase MySQL instance
  • Applying SQL or schema changes through MCP
  • Reviewing or updating table permissions
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Use the CloudBase Web SDK to query and manage documents in confirmed NoSQL collections. The skill also covers pagination, aggregation, real time listeners, geolocation queries, and collection permission considerations.

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

  • Reading and writing documents in a Web app
  • Paginating a growing collection
  • Adding realtime updates to a collection view
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Guides browser-side setup for CloudBase Relational Database with `@cloudbase/js-sdk`, including a shared database client and Supabase-style table queries. This skill is deprecated; the material directs new environments to PostgreSQL with `app.rdb()`.

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

  • Connecting browser components to relational tables
  • Replacing a Supabase browser client with CloudBase
  • Setting up a shared frontend database client
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Integrate CloudBase Web authentication after the login providers have been checked. This guide covers password and one-time-code sign-in, verified registration, session checks, and auth state updates for frontend flows built with `@cloudbase/js-sdk`.

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

  • Building a CloudBase Web login or registration flow
  • Adding password or one-time-code sign-in
  • Checking sessions for protected pages
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Update the CloudBase MCP bundled in CodeBuddy IDE and keep its allowed tool list and prompts aligned with the current release. The workflow backs up changes, checks the bundle and configuration, validates available tools, and supports rollback.

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

  • Updating the CloudBase MCP bundled in CodeBuddy
  • Syncing the IDE tool allowlist after an MCP release
  • Checking which CloudBase tools the IDE exposes
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

Use this skill to add or troubleshoot WeChat payment and Official Account flows in CloudBase. It guides Mini Program, virtual, JSAPI, and Native QR payments, OAuth and openid handling, callbacks, and extensions to generated Integration Center functions.

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

  • Adding Mini Program WeChat Pay
  • Setting up virtual payment for digital goods
  • Implementing Official Account JSAPI or OAuth flows
TencentCloudBase/CloudBase-AI-Toolkit11522026年10月27日 更新

pixijs-2d

免费

Build interactive 2D graphics and games with PixiJS, using sprites, sprite sheet animation, vector drawing, particles, and visual filters. It also covers React integration and placing a 2D interface over a Three.js scene.

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

  • Building an interactive 2D game canvas
  • Animating sprites from a sprite sheet
  • Rendering large particle effects
freshtechbro/claudedesignskills11472025年11月20日 更新

Create interactive animations for React and JavaScript interfaces with Motion, formerly Framer Motion. Build hover, tap, and drag responses, animate layout changes and page exits, and coordinate scroll effects or multi-step sequences with reusable states and spring transitions.

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

  • Animate button hover and tap responses
  • Add exit animations to menus or modals
  • Create page transitions in a React app
freshtechbro/claudedesignskills11472025年11月20日 更新

Build interactive 3D scenes in React with React Three Fiber, a React renderer for Three.js. Use components, hooks, and reusable patterns to load models, handle interactions, manage scene state, and improve rendering performance.

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

  • Adding an interactive 3D scene to a React app
  • Building a product configurator or viewer
  • Creating a 3D portfolio or gallery
freshtechbro/claudedesignskills11472025年11月20日 更新

Build smooth scrolling pages with Locomotive Scroll. Add parallax motion, detect when elements enter the viewport, create sticky or horizontal layouts, and connect scroll events to GSAP ScrollTrigger animations.

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

  • Adding smooth scrolling to a landing page
  • Creating depth with parallax elements
  • Starting animations when sections appear
freshtechbro/claudedesignskills11472025年11月20日 更新

Build browser based 3D games and interactive applications with PlayCanvas. The skill covers scenes, entity-component structure, input, models, animation, physics, and editor project integration, along with patterns for responsive canvases and performance tuning.

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

  • Building a browser-based 3D game
  • Creating an interactive 3D web application
  • Loading glTF models into a scene
freshtechbro/claudedesignskills11472025年11月20日 更新

Add decorative depth to web pages with Zdog illustrations, Vanta.js animated backgrounds, and Vanilla-Tilt.js parallax cards. The skill provides setup and optimization patterns for landing page visuals and small interactive effects.

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

  • Adding a pseudo-3D illustration to a page
  • Creating an animated hero background
  • Making cards tilt with pointer or device movement
freshtechbro/claudedesignskills11472025年11月20日 更新

barba-js

免费

Add animated transitions between pages while keeping a multi-page website structure. Get patterns for Barba.js containers, lifecycle hooks, page-specific setup, and GSAP animations such as fades and slides during navigation.

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

  • Adding fade or slide effects between pages
  • Making a multi-page site feel more fluid
  • Running page-specific setup after navigation
freshtechbro/claudedesignskills11472025年11月20日 更新

Use this skill to build browser-based 3D scenes and interactive experiences with Babylon.js. It covers scene setup, cameras, lighting, materials, model loading, animation, physics, shadows, particles, GUI, and WebXR patterns.

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

  • Building an interactive 3D scene in a browser
  • Loading and animating a 3D model
  • Adding lighting, shadows, or PBR materials
freshtechbro/claudedesignskills11472025年11月20日 更新

animejs

免费

Use this skill to build web animations with Anime.js across DOM elements, CSS, SVG, and JavaScript objects. It helps compose timed sequences, staggered reveals, keyframes, and SVG drawing or morphing effects in framework-independent projects.

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

  • Sequencing a coordinated set of page animations
  • Revealing a list of elements one by one
  • Drawing or morphing an SVG path
freshtechbro/claudedesignskills11472025年11月20日 更新

Choose and integrate ready-made animated React components from Magic UI and React Bits into landing pages, marketing sites, dashboards, and interactive interfaces. The guidance covers component selection, customization, shadcn/ui integration, and practical ways to keep animation effects performant.

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

  • Add animated sections to a landing page
  • Choose between Magic UI and React Bits components
  • Combine animated components with shadcn/ui
freshtechbro/claudedesignskills11472025年11月20日 更新

Create web animations with GSAP and ScrollTrigger, including timelines, scroll-linked motion, pinned sections, and parallax effects. The patterns cover DOM, SVG, Canvas, WebGL, and Three.js, with guidance for React integration and animation cleanup.

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

  • Animating page elements as visitors scroll
  • Building pinned or horizontal scroll sections
  • Sequencing a multi-step animation timeline
freshtechbro/claudedesignskills11472025年11月20日 更新

Build interactive 3D scenes and visualizations for the web with Three.js. The skill covers setting up cameras, lights, materials, models, and animations, handling pointer interactions, and improving rendering performance for WebGL or WebGPU applications.

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

  • Build an interactive 3D product configurator
  • Display 3D models in a web page
  • Add lighting and animation to a 3D scene
freshtechbro/claudedesignskills11472025年11月20日 更新

Plan React and web 3D experiences that combine Three.js, React Three Fiber, GSAP, Motion, or React Spring. It offers architecture and state management patterns for scroll-driven scenes, interactive animations, and performance across multiple libraries.

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

  • Planning a scroll-driven 3D landing page
  • Combining React Three Fiber with animation libraries
  • Designing physics-based 3D interactions
freshtechbro/claudedesignskills11472025年11月20日 更新

Use this skill to create React animations driven by spring physics, gestures, and momentum. It covers interruptible UI motion, list transitions, scroll effects, velocity preservation, and optional low-level utilities from Popmotion.

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

  • Adding spring motion to a React interface
  • Animating items as a list changes
  • Making a dragged element keep its momentum
freshtechbro/claudedesignskills11472025年11月20日 更新