Loading...
Loading...
Found 168 Skills
Stop your AI agent from generating Tailwind CSS v3 code. Rules for v4 syntax, CSS-first config, modern utility patterns, and common anti-patterns.
Comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices. Use when styling React/Vue/Svelte components, building responsive layouts, implementing design systems, or optimizing CSS workflow.
React library for building user interfaces. Use when building web applications, creating components, managing state, handling side effects, or optimizing performance.
PrimeNG best practices for Angular. Install alongside angular-best-practices.
Use when scaffolding a new Nuxt 4 project with standard config files (prettier, eslint, gitignore, husky, vitest, tsconfig, sops) and bun scripts.
Provides usage guidance for Instructure UI (InstUI) React components. Use when working with @instructure/ui packages, when asked how to use InstUI components, which component to choose, or how to apply props, guidelines, theming, or accessibility rules. Covers AiInformation, Alert, AppNav, Avatar, Badge, Billboard, Breadcrumb, Button, Byline, Calendar, Checkbox, CheckboxGroup, CloseButton, ColorContrast, ColorIndicator, ColorMixer, ColorPicker, ColorPreset, CondensedButton, ContextView, DataPermissionLevels, DateInput, DateInput2, DateTimeInput, DrawerLayout, Drilldown, Editable, FileDrop, Flex, FormField, FormFieldGroup, Grid, Heading, IconButton, Img, InlineList, InPlaceEdit, InstUISettingsProvider, Link, List, Menu, Metric, MetricGroup, Modal, NutritionFacts, NumberInput, Overlay, Pages, Pagination, Pill, Popover, ProgressBar, ProgressCircle, RadioInput, RadioInputGroup, RangeInput, Rating, Responsive, Select, SideNavBar, SimpleSelect, SourceCodeEditor, Spinner, Table, Tabs, Tag, Text, TextArea, TextInput, TimeSelect, ToggleButton, ToggleDetails, ToggleGroup, Tooltip, TopNavBar, Tray, TreeBrowser, TruncateText, View.
Guide for using Recent Data (topics, resources, pages). Use when working with recently accessed items, implementing recent lists, or accessing session store recent data. Triggers on recent data usage or implementation tasks.
Tailwind CSS v4 performance optimization and best practices guidelines (formerly tailwindcss-v4-style). This skill should be used when writing, reviewing, or refactoring Tailwind CSS v4 code to ensure optimal build performance, minimal CSS output, and correct usage of v4 features. Triggers on tasks involving Tailwind configuration, @theme directive, utility classes, responsive design, dark mode, container queries, or CSS generation optimization.
Use when creating or modifying Storybook stories for components. Ensures stories follow CSF3 format, properly showcase component variations, and build successfully.
This skill should be used when users need to generate detailed, structured prompts for creating UI/UX prototypes. Trigger when users request help with "create a prototype prompt", "design a mobile app", "generate UI specifications", or need comprehensive design documentation for web/mobile applications. Works with multiple design systems including WeChat Work, iOS Native, Material Design, and Ant Design Mobile.
Tailwind CSS advanced component patterns with CVA integration and variant management
Build Raycast extensions with React and TypeScript. Use when the user asks to create a Raycast extension, command, or tool.