'jsx' 검색 결과

Review HTML and JSX links that open new tabs, identify missing rel attributes, and add protective values. The skill also explains how these values prevent changes to the original tab and control referral information.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing links that open in new tabs
• Fixing missing rel attributes in JSX
• Understanding noopener and noreferrer

Helps build custom code exporters from json-render UI specifications. Covers walking the UI tree, collecting components, state references, and actions, and formatting property values for JSX, the markup syntax used in React.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a custom exporter for Next.js or Remix
• List components and actions used in a UI specification
• Convert property values into JSX attributes

Create and fix Adobe Illustrator automation scripts using ExtendScript, Adobe’s JavaScript-based scripting language. Automate changes to artwork, text, layers, and artboards, process multiple files, and prepare exports such as PDF, SVG, and PNG.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Automate repeated changes to artwork and text
• Export multiple Illustrator files
• Generate artwork variations from data

Create new PPTX presentations, DOCX documents, XLSX spreadsheets, and PDF reports with PaperJSX. Describe content and layout in structured JSON, then run a Node.js script to generate the file and check that it is not empty.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating presentation slides as PPTX files
• Generating reports as DOCX documents
• Creating XLSX spreadsheets with charts

Use shell heredocs, which pass multiline text directly to a command, when write_file fails on complex code. Save TypeScript, JSX, JSON, or shell scripts with literal quotes and formatting, then verify the file and its contents.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Saving TypeScript or JSX files after repeated write_file failures
• Writing JSON files containing quotes and special characters
• Preserving variables and line breaks in shell scripts

Convert an existing SGLang cookbook page to shared templates driven by model configuration. Preserve its deployment commands and interactive choices, transfer eligible benchmark measurements, and check equivalence, links, and rendered behavior.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Migrating a legacy SGLang cookbook page
• Moving deployment choices into model configuration
• Transferring reproducible benchmark measurements

Review SGLang Cookbook pull requests for configuration errors, documentation mismatches, benchmark issues, and broken links. Get findings for each file and an overall recommendation on whether to approve, request changes, or block the contribution.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Reviewing a new model's Cookbook contribution
• Checking documentation against generated launch commands
• Checking benchmark definitions and measurement consistency

JSX syntax in Vue (e.g., class vs className, JSX plugin config).

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

TypeScript/JavaScript conventions. Apply automatically whenever writing or editing JavaScript, TypeScript, JSX, or TSX code (.js/.jsx/.ts/.tsx) — functions, types, type safety, immutability, error handling, comments, file size, exports, naming, and library conventions for dates and data handling (ts-belt, ts-pattern). Use for any new code or refactor in these languages. For React-specific rules (components, hooks, JSX, TanStack Query, Zustand, React Hook Form), also apply the react skill.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Build complex interactive artifacts for claude.ai with React, Tailwind CSS, and shadcn/ui. Start from a configured project, develop interfaces with state management or navigation, and bundle the result into one shareable HTML file.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Building interactive interfaces with multiple components
• Creating artifacts with state management and navigation
• Developing interfaces with shadcn/ui components

React와 shadcn/ui로 상태 관리와 화면 전환을 지원하는 여러 구성 요소의 화면을 만들고, Claude 대화에서 공유할 수 있는 단일 HTML 파일로 묶습니다.

• 여러 구성 요소를 조합한 화면 제작
• 상태 관리와 화면 전환 추가
• React 앱을 단일 HTML 파일로 공유

Build complex claude.ai artifacts with React, Tailwind CSS, and shadcn/ui. Create interfaces with multiple components, state management for changing data, and routing between views, then package the app into one self-contained HTML file for sharing.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Creating interfaces with multiple components
• Building artifacts with changing data and multiple views
• Sharing a React app as a single HTML file

Design visually distinctive websites, landing pages, and portfolios as React components, reusable pieces of a web page. Use industry references to guide typography, color, layout, motion, and relevant 3D visuals that fit the brand.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Build a brand website with a distinctive visual identity
• Design a landing page around a product
• Create a portfolio with an original layout

Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create a title fade-in
• Add an editable lower third over a video
• Organize multiple scenes into editable timelines

Use whenever the agent needs to add, create, hand-author, patch, or place Motion Graphic JSX assets in a OpenChatCut project. This is the direct-authoring path: use create_motion_graphic_from_code / edit_asset / edit_item, not motion-graphic-gen or submit_motion_graphic. Covers project/timeline intake, project visual language, editable properties, asset binding, inline JSX authoring, existing asset updates, timeline placement, and verification.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Use when writing, reviewing, or optimizing React/Next.js code. Triggers on .tsx/.jsx files, React component work, Next.js routes, bundle optimization, re-render issues, or performance improvements. Auto-activates alongside mk:typescript when React project detected.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Add CSS animations to HTML elements, React/JSX components, or WordPress PHP templates using Animate.css (v4.1.1). Use this skill whenever the user wants to animate UI elements, add entrance/exit effects, attention-seeker animations, or any CSS-based motion to their markup. Trigger on phrases like "add animation", "animate this", "make it bounce/fade/slide/zoom", "add transitions", "CSS animations", or any request to bring elements to life visually. Works with raw HTML snippets, full HTML files, React JSX, and WordPress PHP templates. Claude picks the most contextually appropriate animation — no guesswork needed from the user.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

日本語の文章 (Markdown・テキスト) から「AI 臭さ」(LLM の文章に特有の定型句・単調な文のリズム・ 見出しと箇条書きだけの体裁) を検出する CLI。日本語の文章を書いた・直した後の見直し、 AI が書いたような文を自然にしたいとき、推敲・校正・AI っぽさのチェック、改稿の前後の比較 (数字や固有名詞が消えていないか・同じ直しを一律に当てていないか) の場面で発動。コードに書いた 日本語のコメント・静的な文字列・JSX/HTML の表示文言 (コードのファイルも直接検査できる) や、gws で Google ドキュメント・スプレッドシートに書き込む文章の見直し、noslop のフックが指摘を返した・ gws の書き込みを止めたときの対応にも使う。 noslop check --report brief --format toon で直す箇所を少ないトークンで受け取り、 改稿のルールに従って効果の大きい箇所だけを直す。直した後は noslop diff で 1 回だけ確かめる。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

セマンティックHTML/JSXとWAI-ARIAを「最小で正しく」適用し、キーボード操作・スクリーンリーダ・コントラスト等を満たす実装を作るための判断軸。ネイティブ要素優先、ARIAの過剰使用を避ける。

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Generate PPTX presentations, DOCX documents, XLSX spreadsheets, and PDF reports from structured JSON input using PaperJSX.

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

Package the current design into one downloadable HTML file that works offline. It gathers images, styles, scripts, and other assets, prepares a loading preview, and checks the bundled page for missing resources and runtime errors.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Share a design as a single HTML file
• Save web content for offline viewing
• Bundle images, styles, and scripts together

Create animated HTML pages with smooth scene transitions and playback controls. An editable timeline lets users adjust scene lengths and speeds, with fixed landscape or portrait layouts prepared for video export.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Create an animated product walkthrough
• Explain a message through moving text and graphics
• Build a portrait animation for video export

Add a model page to the SGLang Cookbook using shared templates. Organize verified launch settings and measured benchmarks, create configuration files and documentation, and update navigation, vendor cards, and page validation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Add documentation for a newly supported model
• Organize verified launch recipes by hardware
• Publish measured speed and accuracy results

Implement reactive state reads and external control for Table v9 in Solid. Learn where to track changes, how to manage pagination state, and how to handle updater functions or shared state correctly.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

• Control pagination with Solid signals
• Investigate table updates that do not appear on screen
• Share table state through external atoms