|
|
|
Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on...
Vue 3 and Vue.js best practices for TypeScript, vue-tsc, and Volar. This skill should be used when writing, reviewing, or refactoring Vue components to ensure correct typing patterns. Triggers on...
管理画面用Next.jsプロジェクト(admin/)をwebappと同じ構成で立ち上げる。Issue #426の完了を目指す。/admin-setup コマンドで使用。
|
|
Expert in browser extension content scripts, DOM integration, and safe page augmentation across modern web apps.
Comprehensive design system guidelines for building consistent, accessible, and scalable digital products
Use when designing or reviewing web UI, implementing forms/buttons/inputs, fixing visual hierarchy issues, creating color systems, building layouts, or when interface feels cluttered, hard to...
Add or customize shadcn/ui components in the shared UI package. Use when adding new components from shadcn registry, updating existing component variants, customizing styling with Tailwind, or...
Guidelines for integrating Figma designs with development workflows using MCP servers and best practices
UI/UX visual design, styling, and aesthetic validation
|
Creates jaw-dropping, production-ready frontend interfaces AND delivers perfectly matched real photos (Unsplash/Pexels direct links) OR flawless custom image-generation prompts for hero images,...
Complete game asset design, creation, implementation, and optimization team. Use when creating visual assets, art direction, sprites, UI elements, icons, textures, animations specs, audio design,...
自动化 Figma UI 设计。当用户需要创建设计稿、生成组件、导出资源或自动化设计流程时使用此技能。
Expert guidance for Vite development with modern build tooling, HMR, framework integrations, and performance optimization
Professional Figma design analysis and asset export. Use for extracting design data, exporting assets in multiple formats, auditing accessibility compliance, analyzing design systems, and...