Frontend

Reusable Tailwind CSS component patterns for consistent UI. Use when creating buttons, cards, forms, tables, modals, navigation, or any UI components with Tailwind CSS.

Master AI, machine learning, and data science. Learn Python, deep learning, LLMs, MLOps, data pipelines, and production AI systems. Build generative AI applications and deploy scalable ML models.

Set up Python Flask development environment for beginners with step-by-step guidance, virtual environment creation, and troubleshooting

Guidance and code snippets for software development using common languages and frameworks. Use this skill to setup projects, write clean and maintainable code, manage dependencies, and debug effectively.

Express + TypeScript starter with Biome, Docker, and Vitest.

Design and send programmatic direct mail using Poplar's HTML templates and API. Use for creating dynamic mail pieces (postcards, bifolds, trifolds, letters) with personalization and triggering mail via API.

Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind config", "generate tailwind configuration", "tailwind setup", "tailwindcss config".

Provides guidance for implementing UI components using shadcn/ui - a collection of re-usable components built with Radix UI and Tailwind CSS. Use when working with .tsx/.jsx files, implementing UI components, or when users mention shadcn, shadcn/ui, or Radix UI components.

Generates typography scales using modular ratios with auto-calculated line heights. Use when setting up font-size tokens, heading hierarchy (h1-h6), or text sizing systems. Outputs CSS, Tailwind, or JSON.

Converts hierarchical legislative text from Word documents into a flat list of requirements. Use when processing regulatory documents, compliance frameworks, or legal text that needs to be extracted into individual, numbered requirements for analysis or mapping.

TDD（テスト駆動開発）に基づいたテストコード作成スキル。Red-Green-Refactorサイクルを実践し、t-wadaのベストプラクティスに従ってテストファーストで高品質なテストを作成します。Backend（Go test）とFrontend（Jest）の両方に対応。

Expert assistance for building SignalWire AI Agents in Python. Automatically activates when working with AgentBase, SWAIG functions, skills, SWML, voice configuration, DataMap, or any signalwire_agents code. Provides patterns, best practices, and complete working examples.

Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.

Suite of tools for creating elaborate, multi-component HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Expertise senior/lead React developer 20 tahun dengan TanStack ecosystem (Query, Router, Table, Form, Start). Gunakan skill ini ketika: (1) Membuat aplikasi React dengan TanStack libraries, (2) Review/refactor kode React untuk clean code, (3) Debugging React/TanStack issues, (4) Setup project structure yang maintainable, (5) Optimasi performa React apps, (6) Memilih library yang tepat untuk use case tertentu, (7) Mencegah common bugs dan memory leaks, (8) Implementasi best practices KISS dan less is more. Trigger keywords: React, TanStack, React Query, TanStack Router, TanStack Table, TanStack Form, TanStack Start, Vinxi, clean code, refactor, performance, debugging.

shadcn/ui patterns, progressive enhancement, Server Components, Client Components, form handling, Tailwind CSS v4, accessibility. Use when building UI, forms, components, or when user mentions UI/styling/components/forms.

Two-phase codebase analysis. Phase 1: discover features from code. Phase 2: trace workflows.

This skill should be used when the user asks to "create a decorator", "write a decorator", "add presentation logic", "format model data for views", "use Draper", "test a decorator", "write decorator spec", or mentions separating presentation from business logic in Rails. Provides guidance on Draper gem best practices for Rails applications.

Mandatory best practices and gold standards for Kailash SDK development including absolute imports, parameter passing, error handling, testing policies (NO MOCKING in Tiers 2-3), workflow design, custom node development, security, documentation, and test creation. Use when asking about 'best practices', 'standards', 'gold standards', 'mandatory rules', 'required patterns', 'absolute imports', 'NO MOCKING', 'testing policy', 'error handling standards', 'security best practices', 'documentation standards', or 'workflow design standards'.

Comprehensive CSS styling patterns for Sitebender's Architect library. Covers component-scoped CSS, IE11 baseline + progressive enhancement, three-tier custom property theming, WCAG AAA accessibility, fluid responsive design, print styles, and minimal animations. Use when creating or modifying component styles.