react-key-prop
Choose correct React key props for lists and remounts. Use when mapping arrays, rendering dynamic lists, sorting/filtering/reordering items, debugging list…
Skills
Find an Agent Skill for your task. Read the guide and copy the install command.
Updated 10-25 00:14
Frontend & websites
11,084 results
artifacts-builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use…
seo-images
Use when optimizing images for SEO — alt text, filenames, formats, lazy loading, responsive sizing.
theming-tokens
Use when creating theme systems, color variables, or design system tokens. Covers primitives, semantic, and component tokens.
react-best-practices
Modern React 19 patterns for components, hooks, state management, performance, and project structure. Use when writing React components, reviewing React code,…
phoenix-app-clip
Use when mounting a React element into a Phoenix LiveView DOM node and moving data between the two — the "app-clip" integration pattern. Trigger this whenever…
pandoc-converter
Convert between Markdown, Word (.docx), HTML, and PDF via pandoc with CJK support. Trigger on: "转成/生成 PDF/Word/HTML", "导出为", "convert to", "export as", pandoc…
flutter-design-system
Enforce Design Language System adherence in Flutter. Use when implementing design tokens, preventing hardcoded colors/spacing, or building a DLS.
unslop-ui
Detects and removes the visual patterns that make a website look AI-generated or "vibe-coded": the default shadcn/Tailwind look, AI-purple gradients,…
dev-browser
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, or…
tailwind
Tailwind CSS patterns for layouts, color schemes, responsive design, and className handling. Use when writing or reviewing component styles.
duv
Search and retrieve data from the DUV Ultramarathon Statistics website (statistik.d-u-v.org). Use when the user asks about ultramarathon results, runner…
build
Takes someone with no technical skill from "I want a website or app that does X" to a live, working, great-looking product. Merges the best design skills…
solito
This skill should be used when working on Solito projects (Expo + Next.js with shared navigation). It provides specialized knowledge for cross-platform…
react-anti-patterns
Introduce React anti-patterns and common mistakes into existing React codebases for training, review, or teaching. Use when asked to intentionally degrade…
skill-seekers
Generate AI skills (SKILL.md) from documentation websites, GitHub repositories, PDF files, or local codebases using the Skill Seekers CLI. Use when the user…
style-fix
Fix CSS, Tailwind CSS, CSS Module, Ant Design style override, className, theme token, layout, and visual style issues. The user mentions style issues, CSS errors, Missing comma, selectors, @apply, Tailwind v4 canonical…
interviewer
Simulates a technical interviewer. Asks questions, follows up, scores, and helps users prepare for technical interviews. Triggered when the user says "mock interview", "interview me", "give me an interview question", "help me practice interviews", "technical interview", "mock interview", "interview preparation", "interviewer mode", "quiz me", "ask questions", "frontend interview", "backend interview", "algorithm interview", "system design interview". Keywords: interview, mock...
performance-tuner
Web performance tuning assistant. Helps users with front-end performance optimization, Core Web Vitals, Lighthouse analysis, and bundling optimization. When users say "performance optimization", "page loads too slowly", "low Lighthouse score", "Core Web Vitals", "bundle too large", "FCP too high", "LCP optimization", "CLS issues", "above-the-fold optimization", "performance…
tableau-dashboard-creator
Guides data analysts through a multi-step Tableau dashboard creation workflow - brand setup, data exploration, dashboard planning, interactive HTML mock…
react-hook-form
Build and modify forms that use React Hook Form or whose project conventions require it. Use when implementing controlled widgets, schema validation, fetched…
lism-css-guide
Implementation guide used when implementing or modifying UIs and pages with Lism CSS. Perform Primitive selection, token verification, Property Class/Lism Props utilization, responsive design, and anti-pattern verification according to the scale of change. b--*, c--*, l--*, a--*, is--*, has--*, set--*,…
inertia-vue
Use this skill alongside the adonisjs skill when the project uses Inertia.js with Vue 3 as the frontend layer. Trigger for anything involving Vue page…
architecture-diagram
Create professional, dark-themed architecture diagrams as standalone HTML files with SVG graphics. Use when the user asks for system architecture diagrams,…