ing

Build responsive, accessible UI components and layouts using Chakra UI v3, install or configure Chakra UI in new and existing projects, and design scalable themes using tokens, semantic tokens, recipes, and slot recipes. Use this skill whenever a user asks to build, create, or generate any UI component, page, form, dashboard, navbar, card, landing section, pricing table, or layout using Chakra UI; wants to add Chakra UI to a project, set up ChakraProvider, run CLI snippets, configure color mode, or fix provider wrapping; or asks about theming — defining brand colors, design tokens, semantic tokens, dark mode values, component recipes, slot recipes, typegen, or ejecting the default theme. Trigger on any Chakra UI building, setup, or theming or charts request, however casually phrased — "add my brand colors", "make a reusable card style", "build a bar chart", "show me a line chart", "make me a login form", "build a sidebar", "add Chakra to my app".

使用 HTML/CSS/JavaScript/React 构建高质量的可视化 Web 产物——包括网页、落地页、仪表盘、交互式原型、HTML 幻灯片、动画演示、UI 模型、数据可视化等。当用户的请求涉及可视化、交互式或前端交付物时，请使用此技能，包括： - 创建网页、落地页、仪表盘、营销页面 - 构建交互式原型或 UI 模型（带设备边框） - 构建 HTML 幻灯片/演示文稿 - 创建 CSS/JS 动画或基于时间轴的动画演示 - 将设计模型、截图或 PRD 转换为交互式实现 - 数据可视化（Chart.js / D3 等） - 设计系统 / UI Kit 探索 即使用户没有明确提及“HTML”或“网页”，只要其意图是生成可视化、交互式或用于展示的内容，均适用此技能。 不适用场景：纯后端逻辑、CLI 工具、数据处理脚本、非可视化代码任务、命令行调试。

针对特定行业的付费广告策略规划模板。涵盖平台选择、广告系列架构、预算规划、创意策略以及…

Use when exploring unfamiliar codebases, before searching for code, or after editing files. Builds a structural AST index (classes, functions, imports, call…

Develop Ruby on Rails applications with models, controllers, views, Active Record ORM, authentication, and RESTful routes. Use when building Rails applications, managing database relationships, and implementing MVC architecture.

Browser automation powers web testing, scraping, and AI agent interactions. The difference between a flaky script and a reliable system comes down to…

LLM prompt injection playbook. Use when testing AI/LLM applications for direct injection, indirect injection via RAG/browsing, tool abuse, data exfiltration, MCP security risks, and defense bypass techniques.

Instrument a Python application with the Elastic Distribution of OpenTelemetry (EDOT) Python agent for automatic tracing, metrics, and logs. Use when adding observability to a Python service that has no existing APM agent.

Motion (Framer Motion) React animation library. Use for drag-and-drop, scroll animations, gestures, SVG morphing, or encountering bundle size, complex transitions, spring physics errors.

Format string exploitation playbook. Use when printf-family functions receive user-controlled format strings, enabling arbitrary stack reads (%p/%s), arbitrary memory writes (%n/%hn/%hhn), GOT/hook overwrites, and canary/libc/PIE leaks.

Choose the right Zoom building surface for a use case and explain the tradeoffs clearly. Use when deciding between REST API, Webhooks, WebSockets, Meeting SDK,…

Web scraping skill using Firecrawl API for deep content extraction, format conversion, and page interaction. Use when you need to scrape web pages, extract…

GitHub Actions 워크플로우 생성, 보안 및 버전 관리 스킬. 다음 상황에서 사용: (1) 새 워크플로우 파일(.yml) 작성 시, (2) 기존 워크플로우 수정 시, (3) 액션 버전 검토 또는 업데이트 시, (4) CI/CD 보안 감사 시, (5) 'actions/',…

SolidJS renderer for json-render. Use when building @json-render/solid catalogs/registries, wiring Renderer providers, implementing bindings/actions, or…

Build type-safe LLM applications with DSPy.rb — Ruby's programmatic prompt framework with signatures, modules, agents, and optimization. Use when implementing…

Work with Dynatrace dashboards - create, modify, query, and analyze dashboard JSON including tiles, layouts, DQL queries, variables, and visualizations.

Use when creating or configuring a next-safe-action client, defining actions with input/output validation, handling server errors, or setting up…

此技能适用于遵循 Andrew Kane 的成熟模式和理念编写 Ruby gems 的场景。适用于创建新的 Ruby gems、重构现有代码库以符合其标准，或需要确保 gems 遵循现代 Ruby 最佳实践的情况。

401/403 绕过手册。在管理后台、API 端点或受限路径遇到访问拒绝响应时使用。涵盖路径操作、HTTP 方法篡改、请求头注入、协议降级以及自动化绕过工具。

Three.js、3D 图形和交互式 3D 可视化专家