Use when the user asks to create prompts/ๆ็คบ่ฏ for a topic and expects 10 variants using ICIO, CRISPE, BROKE, CREATE, TAG, RTF, ROSES, APE, RACE, TRACE, with strict formatted output (ๅญๆฎตๆธ ๅ + โPrompt๏ผโ่ก + ๅ้็ฌฆ) and a โbest promptโ pick with reasons.
Load when creating tutorials, explaining technical concepts, writing documentation, or any content that involves code, data, or technical procedures. Contains guidelines for clear, effective technical communication based on Google's technical writing principles.
Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "design system", "style guide", or wants to create design guidelines for their project.
Comprehensive design engine for UI/UX, Print, and Social Media. Includes automated image resizing tools, contrast calculators, and 2026 strategic frameworks.
Generate slide deck presentations from prompts. Triggers on "create presentation", "generate slides", "build deck", "presentation about"
Create beautiful UIs with Tailwind CSS mastery. Expert in utility-first design, responsive layouts, and design systems. Activate for UI development, design system creation, or CSS optimization. Use it anytime you need to write Tailwind CSS.
Advanced Tailwind CSS expertise for generating production-ready React components with inline Tailwind CSS, designing modern UI patterns, teaching advanced concepts, and optimizing Tailwind configurations. Use when building React/Next.js applications needing modern component design, responsive layouts, theme customization, performance optimization, or advanced styling patterns.
Create interactive, production-ready UI mockups and prototypes using Vue.js 3, TypeScript, Vite, and TailwindCSS. Use when building web mockups, prototypes, landing pages, dashboards, admin panels, or interactive UI demonstrations. Trigger when users mention "create mockup", "build prototype", "Vue mockup", "interactive demo", "UI prototype", "design to code", or need rapid frontend development with modern tooling.
Apply consistent UI design guidelines to components. Use this skill when building React/TypeScript components, designing UI patterns, or ensuring design system compliance. This skill provides comprehensive guidelines, validation tools, and component templates for maintaining visual consistency and accessibility standards.
Help with Marp presentation styling, layouts, colors, and CSS. Use when the user asks about styling slides, formatting, colors, two-column layouts, CSS, how to style list items, or any visual formatting questions.
Apply Diktat.ai design system guidelines when creating or reviewing Vue/Nuxt components. Use this skill when implementing new UI components, reviewing existing components for design consistency, or answering questions about styling patterns. Includes glass-morphism aesthetics, brand colors (indigo-purple gradient), Tailwind CSS patterns, and component templates.
Export quiz markdown to Anki, Flashcard Hero, HTML
Assess content difficulty by language proficiency level, calibrate reading level for multilingual learners, adapt content for language proficiency, and design language scaffolding. Use when creating content for non-native speakers. Activates on "language level", "proficiency calibration", "readability", or "language learners".
Prepare for English conversation lessons by creating a dated markdown file with greeting examples in English and Japanese. Use when the user asks to prepare for a lesson, set up for English conversation, or create lesson notes before their English class.
Adaptive teaching skill that frames explanations in student's interest domain and uses their preferred learning style. Auto-invoked when teaching programming concepts, creating problems, or providing feedback.
Create interactive learning games for business English practice. Supports multiple game types (quiz, simulation, drag-drop) across various business scenarios (emails, meetings, presentations, negotiations). Generate HTML/React-based games tailored to user's industry, job role, and proficiency level. Use when users request business English learning games, practice materials, interactive training content, or educational exercises for professional English communication.
This skill should be used when creating or refactoring Claude Code skills, guiding an interactive questionnaire, selecting an archetype (workflow/tool/domain), scaffolding from templates, and validating the result. Triggers include "create skill", "new skill", "scaffold skill", "bootstrap skill".
Gemini expert consultation for architecture design, second opinions, and code review. Use when: user requests Gemini, need alternative perspective, or get independent review. Gemini ๆฏไธ Claude ๅ็ญ็บงๅซ็้กถ็บง AI ไธๅฎถ๏ผๆ้่ฐ็จใ **ๆณจๆ๏ผๅ็ซฏ/UI ไปปๅกๅบไฝฟ็จไธ้จ็ Frontend ไปฃ็๏ผ**
Generate SQL practice problems using Gemini AI. Use when creating new problems, testing problem generation, or when user mentions "๋ฌธ์ ์์ฑ", "generate problem".
Use when creating new skills, improving existing skills, or when the user requests help with skill authoring. Creates optimized Claude Code skills (SKILL.md files) following official best practices for descriptions, structure, content patterns, and validation.
Creates new Claude Code skills by generating proper directory structure, SKILL.md files with YAML frontmatter, and supporting documentation. Use when user wants to create, scaffold, or build a new skill.
Create D3 questions with unique, non-standard interactions. Fallback skill for questions not fitting standard patterns.
Use when creating, editing, evaluating, testing, or verifying ANY skill or skill-related file (SKILL.md, skill resources, skill scripts, or skill assets). If you're asked to evaluate or test a skill's effectiveness, use this skill.
