Results for “ty”

Creates a hero frame with looping CSS animations including a rotating type ring, animated globe, ticking timer, and parallax labels.

Migrate LWC components from fragile querySelector lookups to typed lwc:ref handles, with guidance on lifecycle timing, shadow boundaries, and iterator limitations.

Provides backend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes.

Provides practical patterns for using fp-ts with React, including hooks, state management, form validation, and data fetching.

Generates frontend source code and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

Converts Stitch HTML designs into React Native components with StyleSheet, including element mapping, style conversion, and project scaffolding.

Use when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.

Run state-of-the-art machine learning models directly in JavaScript/TypeScript across browsers and server-side runtimes using Transformers.js.

Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, SSR, accessibility, animations, styling, testing, and CLI tooling.

Deploy ERC20 tokens on EVM chains (Base, Ethereum, Arbitrum) using the Clanker SDK with features like vesting, airdrops, rewards, and anti-sniper protection.

Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.

Generates frontend source code files and a PR description from BA, TechLead, PM, and BE artifacts, following a level-based implementation plan.

Provides frontend design direction, design systems, visual philosophy, and production-grade UI styling for web interfaces, including layout critique, usability auditing, and asset generation.

Convert Stitch HTML designs to React Native components or sync existing native components with updated designs using StyleSheet.

Generates a Playwright test from a user-provided scenario by recording browser interactions via Playwright MCP, then saves and runs the test until it passes.

Builds, optimizes, and debugs cross-platform mobile applications with React Native and Expo, covering navigation, native modules, list performance, and platform-specific code.

Guidance for writing Remotion React markup with animation patterns, media handling, sequences, effects, and advanced features like 3D, audio visualization, and parameterized videos.

Generates Angular code and provides architectural guidance for projects, components, services, reactivity, forms, dependency injection, routing, accessibility, animations, styling, testing, and CLI tooling.

Creates elaborate, multi-component HTML artifacts using React, Tailwind CSS, and shadcn/ui, then bundles them into a single self-contained HTML file.

Language-specific best practices, code quality standards, and framework detection rules. Use when executing refactoring workflows, applying code quality rules, detecting frameworks, or checking language-specific patterns for TypeScript, Python, Go, Swift, or React.

Design stable, well-documented interfaces that are hard to misuse, including REST APIs, GraphQL schemas, module boundaries, and component props.

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.

Audits and upgrades existing websites and apps to premium quality by identifying generic AI patterns and applying high-end design standards without breaking functionality.

Generates brutalist web prototypes with Swiss industrial-print aesthetics, using grotesque typography, oversized numbers, ASCII decorations, and hazard-red accents.

This skill should be used when the user asks to "validate plugin structure", "review manifest files", "check frontmatter compliance", "verify tool invocation patterns", "explain plugin component types", or needs Claude Code plugin architectural guidance.

HTML Forms + Sage integration — log1x/sage-html-forms, hf_get_form, addPostObject html-form, Blade form views, x-form.* shared components, hf-validation JS module, hf-success hf-error hf-submitted events, Constraint Validation API, form traps pattern escaping type-tel ValidityState non-enumerable — stateless contact forms with progressive JS validation on top of the HTML Forms WordPress plugin. Invoke for: contact form with HTML Forms plugin, hf_get_form usage, form validation with Constraint API, pattern escaping trap, type=tel Chrome bug, form audit.

Generates unit tests, integration tests, and E2E tests for React/Next.js applications by scanning components, analyzing coverage reports, and scaffolding Playwright test files.

Build real-time messaging applications using Azure Web PubSub SDKs for JavaScript, including server-side management, client-side pub/sub, and Express event handlers.

Provides Vue.js best practices and workflow guidance, including architecture planning, component design, reactivity patterns, and performance optimization for Vue 3 projects.

Practical patterns for using fp-ts with React, covering hooks, state, forms, and data fetching for React 18/19 and Next.js 14/15.

Build ultra-fast web APIs and full-stack apps with Hono, a lightweight framework that runs on Cloudflare Workers, Deno, Bun, Node.js, and any WinterCG-compatible runtime.

Generates a single-file HTML hero section with WebGL-inspired fluid background and overlaid quote, suitable for video intros, landing pages, or posters.

Practical patterns for using fp-ts with React, covering hooks, state management, form validation, and data fetching for React 18/19 and Next.js 14/15.

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.

Build production-quality user interfaces that are accessible, performant, and visually polished, with guidance on component architecture, state management, design system adherence, and accessibility.

Build dark-themed React applications using Tailwind CSS with custom theming, glassmorphism effects, and Framer Motion animations for dashboards, admin panels, or data-rich interfaces.