webapp-devtailwind-ui
Use this skill when styling React/Next.js applications with Tailwind CSS. Provides patterns for responsive design, dark mode, animations, and common UI components.
Use this skill when styling React/Next.js applications with Tailwind CSS. Provides patterns for responsive design, dark mode, animations, and common UI components.
Generate Astro page files from an existing gallery manifest. Internal step of /gallery workflow - use directly only to regenerate from completed manifests.
Claude Codeのskillを効果的に作成・運用するためのガイド。Frontmatterの書き方、セクション構成のベストプラクティス、記述スタイル、複数ファイル構成の判断基準、関連skillの統廃合基準を含みます。
Use this skill when creating or modifying WordPress plugins. Covers plugin architecture, hooks, shortcodes, asset enqueueing, and the ihumbak-* plugin pattern used in this project.
Use the /implement-node slash command to create a new node with schema-driven patterns and registration. Use when: adding a new node.
Complete checklist for implementing a new theme. Use this to verify all requirements are met before submission.
Extracts design tokens from Figma files and generates production-ready CSS, SCSS, JSON, TypeScript, and W3C DTCG format files using the Figma MCP server
Designs modern, clean UI components and pages following Shadcn principles with minimalism, accessibility, and beautiful defaults. Use when building new UI components, redesigning pages, or creating consistent UI or simply wanting to use shadcn.
Phase 3 of assist workflow - Generate component files using schema-based templates
Use quando o usuário solicitar para construir, editar, corrigir ou fazer melhorias no frontend do projeto dele.
This skill should be used when adding new restaurant features across the full stack (Backend → Shared → Web → Mobile). Trigger keywords: "레스토랑 검색/필터/정렬 추가", "restaurant search/filter/sort", "레스토랑 API 수정", "restaurant list UI 업데이트". Provides step-by-step workflow for database migrations, backend API updates, shared layer updates, and frontend UI implementation.
Initialize Next.js 16+ frontend projects with TypeScript, Tailwind CSS, Zustand state management, Axios HTTP client, Aceternity UI effects, and App Router. Use when setting up a new Next.js frontend or initializing the frontend directory for Phase 2.
Scaffolds a complete CRUD feature for an entity (Actions, Controller, Requests, Pages, Routes). Use when building a new feature from scratch (e.g., "Scaffold CRUD for Events in Academic module").
WeChat Mini Program development framework. Use for building WeChat mini apps, WXML templates, WXSS styles, WXS scripting, component development, and WeChat API integration.
Manage game assets with Kenney-ONLY approach. Search 36,000+ Kenney CC0 assets. If asset not found, ask user to find/generate manually. Ensure style consistency with flat/vector Kenney aesthetic. Auto-triggers on asset requests.
Create distinctive, production-grade frontend interfaces. Use in bootstrap pipeline for design docs, or as specialist for UI task implementation.
Repositorio público de BlackSugar21 - landing pages, políticas legales, sitio web informativo con Angular 21, Firebase Hosting, documentación corporativa multi-idioma (es/en/pt), scripts de administración y testing unificado. Usar cuando se trabaje con el sitio público, páginas legales, deployment a Firebase Hosting, o gestión de documentación corporativa.
Define a estrutura padrão para páginas individuais de cartas Pokémon TCG. Use quando criar novas páginas de carta, organizar layout de perícia, ou o usuário mencionar estrutura de página, layout de carta, ou template de carta.
Generate consistent Tailwind UI components following project design system. Use when user wants to create buttons, cards, forms, modals, badges, or says "create component", "add UI element", "make button/card/form", "design component".
Create distinctive, production-grade frontend interfaces with high design quality. Use when building web components, pages, or applications.
Aplicar reglas consistentes de YAML frontmatter en Obsidian: un bloque, claves estándar, fechas YYYY-MM-DD, tags en lista, comillas cuando proceda.
Complete config.json CRUD operations with validation, merge strategy, and error recovery. Use for project initialization, setting updates, and configuration management with intelligent backup and recovery.