Sponsored by

Find leads on Reddit on auto pilot

Agent skills
tailwindcss

Topic: tailwindcss

119 skills in this topic.

ui-ux-pro-max UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, and HTML/CSS). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, and check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, and mobile app. Elements: button, modal, navbar, sidebar, card, table, form, and chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, and flat design. Topics: color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient. Integrations: shadcn/ui MCP for component search and examples.
nextlevelbuilder/ui-ux-pro-max-skill 57,925
ckm:slides Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
nextlevelbuilder/ui-ux-pro-max-skill 57,925
ckm:banner-design Design banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, create, generate banner. Platforms: Facebook, Twitter/X, LinkedIn, YouTube, Instagram, Google Display, website hero, print. Styles: minimalist, gradient, bold typography, photo-based, illustrated, geometric, retro, glassmorphism, 3D, neon, duotone, editorial, collage. Uses ui-ux-pro-max, frontend-design, ai-artist, ai-multimodal skills.
nextlevelbuilder/ui-ux-pro-max-skill 57,925
ckm:design-system Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide creation. Use for design tokens, systematic design, brand-compliant presentations.
nextlevelbuilder/ui-ux-pro-max-skill 57,925
ckm:brand Brand voice, visual identity, messaging frameworks, asset management, brand consistency. Activate for branded content, tone of voice, marketing assets, brand compliance, style guides.
nextlevelbuilder/ui-ux-pro-max-skill 57,925
preline-theme-generator Generates beautiful, consistent Preline Theme CSS files. Agent interprets user request, runs build script, delivers complete CSS.
htmlstreamofficial/preline 6,285
design-taste-frontend Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component architecture, CSS hardware acceleration, and balanced design engineering.
Dwsy/agent 3
ast-grep 语法感知的代码搜索、linting 和重写工具。支持基于 AST 的结构化代码搜索和批量代码转换。
Dwsy/agent 3
mermaid-flow-image 将流程需求整理为可渲染的 Mermaid（简化版/详细版），并通过 Kroki 生成可发送的高分辨率 PNG 图片。适用于“把架构流程画出来并直接发图”的场景。
Dwsy/agent 3
acpx Headless ACP CLI for agent-to-agent communication. Use when running coding agents (pi/qwen/codex/claude/gemini) headlessly, managing persistent sessions, queueing prompts, or consuming structured agent output from scripts. 触发词：acpx, ACP, agent communication, headless agent, session management, agent orchestration, 代理通信, 无头代理
Dwsy/agent 3
enhanced-markdown Guide LLMs to output markdown that fully utilizes Markdown Viewer extension rendering capabilities including Mermaid, Vega-Lite, Infographic, DOT diagrams, and HTML styling for maximum human readability.
Dwsy/agent 3
server-status-push 检查 Linux 服务器健康状态并汇总发送给用户（支持一键文本报告）
Dwsy/agent 3
exa 使用 Exa.ai API 进行高质量的互联网搜索。需要 EXA_API_KEY 环境变量。
Dwsy/agent 3
system-design Use when designing, architecting, or planning a new system from requirements or ideas - transforms concepts into navigable design catalog using EventStorming methodology, Mermaid diagrams, and progressive elaboration through 5 phases (Requirements, Big Picture, Processes, Data/Flows, Integration)
Dwsy/agent 3
models-config Model configuration editor for ~/.pi/agent/models.json with multi-protocol curl testing support.
Dwsy/agent 3
tavily-search-free Web search, online search, real-time search, internet search, Google alternative, Bing alternative, DuckDuckGo alternative, search the web, lookup online, find information, research,查询,搜索,搜索结果,网页搜索,联网搜索,实时搜索,网络查询,资料查找,信息检索,最新资讯,新闻搜索, Tavily Search API for optimized, real-time web search results for RAG. A pre-configured, cost-effective search tool.
Dwsy/agent 3
context-management Strategies for efficient context management using context_log, context_tag, and context_checkout. Learn when to tag, how to visualize the graph, and safe ways to squash history. Use for complex refactoring, debugging, and long conversations.
Dwsy/agent 3
office-combo Microsoft Office 全功能支持。当 Claude 需要：（1）处理 Excel 表格（.xlsx）- 公式、格式、数据分析，（2）创建/编辑 PPT 演示文稿（.pptx），（3）处理 PDF 文档（.pdf）- 提取、合并、表单填写，（4）处理 Word 文档（.docx）- 编辑、修订跟踪、注释时使用。
Dwsy/agent 3
test-skill A test skill to verify slash command functionality
Dwsy/agent 3
agent-browser Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Dwsy/agent 3
react-best-practices Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.
Dwsy/agent 3
jina-reader URL 内容提取 + 网络搜索。读取网页转 Markdown/HTML/Text/JSON，搜索最新网络信息。触发词：read url, scrape, extract content, web search, 网页内容, 搜索
Dwsy/agent 3
remotion-best-practices Best practices for Remotion - Video creation in React
Dwsy/agent 3
workhub 工作文档枢纽，强制执行 SSOT（Single Source of Truth）原则，管理 `docs/` 目录下的架构决策、设计文档、Issues（任务规划）、PRs（变更记录）。支持 GitHub 协作开发模式。
Dwsy/agent 3