modern-tailwind
Write clean, modern, concise Tailwind CSS code. Use whenever working on or reviewing Tailwind CSS code.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-30 00:12
Frontend & websites
11,293 results
acquia-source-navigation-menus
Acquia Source only. Create and edit Drupal menus in the CMS via Source MCP. Do not use for non-Source sites; production nav should still be authored in Drupal,…
nebula-node-page-scaffold
Scaffolds Canvas UI for individual Drupal node pages (single-entity detail views) via components, component.yml, and one example pages/ spec—not list or index…
nebula-workbench-pages
Nebula-specific overlay for Canvas Workbench pages. Use when you need the repository-local rule that `examples/pages/` is reference-only and active Workbench…
web-performance-tuner
Diagnose and fix web performance issues. Use when analyzing site performance, checking Core Web Vitals, querying CrUX data, optimizing load times, or fixing…
agentic-mermaid-live-editor-development
Develop and debug the Agentic Mermaid browser editor, including its modular UI, render/verify pipeline, examples, configuration, exports, URL sharing, website…
mobile-app-structure
Feature-folder layout, states/ convention, and data-flow rules for the Agenta mobile app (web/mobile). Use when creating or moving files under web/mobile,…
mobile-shadcn-conventions
How the Agenta mobile app (web/mobile) installs and extends shadcn/ui registry components, themes them via the palette token bridge, and builds chat UI on…
chengfeng-visual-talking-head
Add visuals to the finished voiceover: overlay an HTML layer on the screen recording (circle key points / Xiaohou full-screen animation / push-in), bind the layer to the subtitle screen, driven frame-by-frame by the player, and view it directly in the preview. Use when the user says make a storyboard, add visuals, add animation, circle key points, B-roll, or make a storyboard. Do not use for word-deletion editing, subtitles, physical cuts, or final render.
angular-20-standalone-component
Create Angular 20 standalone components using modern patterns: Signals for state management, input()/output() functions (not decorators), @if/@for/@switch…
building-native-ui
Complete guide for building beautiful apps with Expo Router. Covers fundamentals, styling, components, navigation, animations, patterns, and native tabs.
frontend-responsive
Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use…
image-to-code
Elite website image-to-code skill for Codex. For visually important web tasks, it must first generate the design image(s) itself, deeply analyze them, then…
react-performance
Performance optimization for React web applications. Use when optimizing renders, implementing virtualization, memoizing components, or debugging performance…
tailwind
Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with `hyperframes init --tailwind`,…
tailwind-css
Use when styling UI components or layouts with Tailwind CSS - mobile-first design, responsive utilities, custom themes, or component styling. NOT when plain…
ux-prototyping
Create interactive single-file HTML prototypes for UX validation. Use when the user asks to create a prototype, mockup, or interactive wireframe based on…
web-react
React patterns for vanilla React with Apollo Client - components, hooks, state management
compound-pattern
Expert guide for designing and implementing the Compound Component pattern in React. Use this skill whenever the user wants to build reusable UI components…
auto-develop
OPC-Starter intelligent development skill. AI-friendly React Boilerplate project development specification, supporting dynamic context awareness, TDD-driven development, and Agent Studio extension. Suitable for iterative development of modules such as authentication systems, organizational structure, Agent tools, and data synchronization.
alibabacloud-ddos-origin-exposure-detector
Alibaba Cloud Anti-DDoS Proxy (ddoscoo) origin-server IP exposure risk detector. Detects whether a website protected by Anti-DDoS Proxy still has its origin IP…
arabic-rtl-mobile
Use when building or fixing Arabic-first mobile interfaces in iOS native, Android native, or React Native, especially when Arabic text appears visually…
alova-client
Best practices for using alova v3 in browser/client-side applications (Vue3, React, Svelte). Use this skill whenever the user asks about alova client-side…
feishu-doc-fetch
Fetch a Feishu/Lark document link and save it to a local directory (Markdown/PDF/HTML + image attachments). When a user pastes a Feishu document URL in any project and wants to download/save/export/pull/fetch it to a local path, be sure to use this skill, even if the user does not explicitly say "use feishu2md" or "use the extension". Under the hood it bridges via a local daemon to the already logged-in…