Build React components, implement responsive layouts, and handle

Build React components, implement responsive layouts, and handle

Build React components, implement responsive layouts, and handle

智能笔记与流程图绘制工具（优化版-无权限读取）。根据用户提供的内容，自动生成精美的可视化笔记和流程图，支持多种风格(手写笔记、思维导图、流程图等)，并导出为图片。使用内置模板，无需读取文件权限。适用于：(1) 学习笔记可视化，(2) 知识梳理与总结，(3) 流程图绘制，(4) 概念解释图表

This skill should be used when users need to scrape websites, extract structured data, handle JavaScript-heavy pages, crawl multiple URLs, or build automated web data pipelines. Includes optimized...

|

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or...

Apply modern web development best practices for security, compatibility, and code quality. Use when asked to "apply best practices", "security audit", "modernize code", "code quality review", or...

WCAG 2.2 AA compliance for forms, ARIA patterns, focus management, keyboard navigation, and screen reader support. Use when implementing accessible forms in any framework. The compliance...

Add dark mode support to components. Use when implementing dark theme.

Use when user needs WordPress development, theme or plugin creation, site optimization, security hardening, multisite management, or scaling WordPress from small sites to enterprise platforms.

Use when at major project milestones, before sharing/deploying, or when user says "review this", "check my work", "is this ready", or similar quality gate requests. Orchestrates specialized review...

Complete Gutenberg block development reference covering registration, edit/save components, dynamic blocks, InnerBlocks, variations, patterns, supports, build pipeline, transforms, testing, and...

Generate high-quality, single-file HTML interactive slide decks. Use this skill when the user asks to create a presentation, slide deck, or PPT.

Build interactive web applications using HTML/JavaScript interfaces with MATLAB computational backends via the uihtml component. Use when creating HTML-based MATLAB apps, JavaScript MATLAB...

|

|

UI/UXのクリエイティブディレクション、完全リデザイン、新規デザイン、トレンド適用。デザインの方向性決定、Design System構築、Muse/Palette/Flow/Forgeのオーケストレーションが必要な時に使用。コードは書かない。

ハードコード文字列をt()関数に置換、Intl APIで日付/通貨フォーマット。多言語対応、国際化、翻訳準備、ローカライズが必要な時に使用。

Figma design-to-code, design system extraction and component generation guide.