Skill UI

This技能 is used when analyzing complex propositions, debating, or reviewing arguments within the CrossFrame Suite. It helps users deconstruct claims into testable arguments, identifying hidden premises, strongest counterarguments, evidence requirements, and conditions for withdrawal, ensuring conclusions are robust and non-judgmental.

Design-It routes frontend design tasks to 48 specific UI styles, avoiding generic aesthetics. It triggers for websites, app screens, or UI components requesting a specific aesthetic. The skill guides AI agents to select appropriate color palettes, typography, and layout principles like the 60-30-10 rule. It supports various frameworks including React, Vue, and mobile platforms.

Implement distributed tracing with Jaeger and Tempo for request flow visibility across microservices. Configure OpenTelemetry SDK and exporters to diagnose latency and errors. Ensure secure context propagation without logging sensitive data. Verify trace spans and sampling strategies for production observability.

This skill helps developers create FastAPI routers following established patterns. It includes proper authentication, response models, and HTTP status codes. Users can copy templates and replace placeholders to quickly build backend endpoints. It supports optional or required authentication and defines clear response structures for API integration.

Verify that fix commits properly address audit findings without introducing new bugs or security vulnerabilities. Use when reviewing commits that address security audit findings, verifying fixes don't introduce new issues, and ensuring remediation is complete.

Audit and fix animation performance issues such as layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or when reviewing CSS/JS animation performance in any web UI.

This skill provides a quick reference for the fp-ts Option type in TypeScript. It helps developers handle nullable values and optional data without null checks. The guide covers creating Options, transforming values with map and flatMap, extracting values safely, and common patterns like safe property access. It also compares Option with standard nullable types to highlight composability.

This skill specializes in scaffolding production-ready, accessible, and performant React and React Native components. It generates complete component implementations including TypeScript interfaces, tests, styles, and documentation following modern best practices. Ideal for creating consistent, type-safe components with proper structure, hooks, styling, and test coverage.

This skill acts as a frontend security specialist to detect Cross-Site Scripting (XSS) vulnerabilities in React, Vue, Angular, and vanilla JavaScript code. It performs static analysis to identify unsafe DOM manipulation, improper sanitization, and injection points. The tool helps developers secure client-side applications by highlighting dangerous patterns like innerHTML usage, URL injection risks, and framework-specific security issues such as dangerouslySetInnerHTML or v-html directives. It provides severity ratings and remediation suggestions for CWE-79 vulnerabilities.

This skill orchestrates full-stack feature development across backend, frontend, and infrastructure layers using an API-first approach. It guides users through architecture design, parallel implementation, and integration testing phases, coordinating specialized agents to deliver cohesive, production-ready systems with proper separation of concerns and comprehensive testing.

A comprehensive guide to production-grade concurrency patterns in Go. It details the proper use of goroutines, channels, sync primitives, and context management. Use this skill when building highly concurrent applications, implementing worker pools, managing goroutine lifecycles, or debugging race conditions in Go.

This skill focuses on identifying clickjacking vulnerabilities where malicious sites overlay transparent iframes over legitimate pages to trick users into unintended actions. It involves checking security headers like X-Frame-Options and CSP, verifying if sensitive actions can be triggered via framing, and ensuring proper authorization before testing. It is strictly for authorized security assessments and bug bounty programs.