tailwind-patterns
tailwind-patterns — an installable skill for AI agents, published by xenitv1/claude-code-maestro.
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-27 00:15
Frontend & websites
11,192 results
vitepress
A VitePress static site generator based on Vite and Vue. Suitable for building documentation sites, configuring themes, or writing Markdown that includes Vue components.
react
React component discipline: pure components, minimal state, effects as escape hatches. Invoke whenever task involves any interaction with React code — writing,…
react-component-hook-guidelines-cn
React component, page component, and custom Hook splitting, refactoring, and review skills. The user mentions "split components", "split Hooks", "this component is too large", "this Hook is too heavy", "help me sort out this page", "how should this React be split reasonably", "refactor React components", "refactor page logic", "optimize component design", "review component design", "review Hook design", "reduce...
golden-html-kw
Use when testing keyword categorization
webflow-designer-extension
Build Webflow Designer Extensions that run inside the Webflow Designer. Use when creating, debugging, or modifying Designer Extensions (iframes that interact…
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts,…
angular-20-control-flow
Angular 20 built-in control flow syntax (@if, @for, @switch, @defer) for modern template programming. Use when writing templates with conditional rendering,…
web-design-reviewer
Black-Tortoise UI review and fixes focusing on Angular 20 + standalone components, Material Design 3 tokens, @ngrx/signals state, and DDD layer boundaries. Use…
frontend-backend-integration
Frontend-backend integration. Use this skill when users need to check frontend-backend API integration, debug interface calls, and ensure data format consistency.
ui-skills
Opinionated constraints for building better interfaces with agents. Apply when writing UI code, implementing designs, or reviewing frontend components. Use…
graph-world-pixijs
TypeScript + PixiJS (pixi.js intent) game presentation workflow for GraphOS. Use when implementing rendering, UI, animation, scene composition, camera, and…
daisyui
Expert guidance for building with daisyUI -- component classes, theming system, color semantics, responsive patterns, drawer/modal architecture, and Tailwind…
frontend-strategy
Strategic website planning skill that conducts structured client discovery, produces professional deliverables (website brief, sitemap, design direction,…
pwa-development
Knowledge base for the app layer of the web platform, and the gaps between engines. TRIGGER WHEN: building or auditing a PWA: Web App Manifest, service…
shadcn-ui
Expert guidance for building with shadcn/ui -- component composition, registry system, form patterns, data tables, sidebar navigation, theming, and Tailwind v4…
build
Create the fastest useful unpublished Lexsis storefront draft from a prompt, optional template URL, or automatically selected page kit. Use for first versions…
build-with-template
Create an unpublished Lexsis storefront draft directly from a supplied page-kit or section-template URL. Use when the template is already chosen and visual…
use-similarweb
Use this skill whenever a user or agent needs Similarweb website intelligence through AIsa — monthly visits and engagement for a domain, traffic trend,…
skill-visualizer
Generate an interactive HTML dashboard that visualizes all available agent skills. Use when the user wants to see, browse, search, or review skills in the…
html-presentation
Generate a self-contained HTML presentation file from a topic or markdown content. This skill should be used when asked to "create an HTML presentation", "make…
wechat-hotspot-publisher
When self-media creators and operations specialists need to distribute hot topics across the whole network, this skill can automatically collect hot topics and screen high-quality topic selections on a 10-point scale, with AI one-click generation of viral image-text content and HTML layouts adapted for WeChat Official Accounts, Xiaohongshu, and Bilibili, and direct publishing to each platform's draft box, making high-quality multi-platform content distribution effortless.
higgsfield-website
Build a cinematic scroll website with AI-generated videos (Higgsfield MCP, Seedance 2.0) and scroll-scrub animations — portfolios, products, e-commerce,…
morning
Render the user's morning brief as a styled HTML artifact, or set it up as a recurring weekday task. Use only when the user explicitly asks to run, see, or set…