UI Components
Code-based UI component generation and styling
interface-design
by Dammyjay93
This skill is for interface design — dashboards, admin panels, apps, tools, and interactive products. NOT for marketing design (landing pages, marketing sites, campaigns).
paper-to-course
by KaguraTart
将学术论文转换为交互式 HTML 课程 + Markdown 文档 + PPTX 演示文稿，一键生成全部三种输出
nextjs-stack
by fusengine
Next.js 16+ complete stack with App Router, Prisma 7, Better Auth, shadcn/ui, TanStack Form, Zustand. Use as the master reference combining all framework skills.
laravel-blade
by fusengine
Create Blade templates with components, slots, layouts, and directives. Use when building views, reusable components, or templating.
laravel-vite
by fusengine
Complete Vite bundling for Laravel - assets, HMR, SSR, frameworks, optimization. Use when configuring frontend build pipeline.
find-skills
by sanity-io
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express interest in extending capabilities. This skill should be used when the user is looking for functionality that might exist as an installable skill.
vercel-react-best-practices
by sanity-io
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.
Next.js 16 + shadcn/ui
by laguagu
Claude Code skills for AI apps • Next.js 16 • AI SDK 6 • pgvector • bun • Ralph Loop
architecture-patterns
by miles990
Software architecture patterns and best practices
frontend
by miles990
Modern frontend development with React, Vue, and web technologies
mobile
by miles990
Mobile development with React Native, Flutter, and native patterns
fix-sphix-docs
by tradingstrategy-ai
Fix errors and warnings in Sphinx docs build
bdd-practices
by ssiumha
Writes behavior specifications in Gherkin format. Use when defining features from user perspective or creating acceptance tests.
dep-graph
by ssiumha
Analyzes file-level import dependencies and generates interactive vis-network HTML report. Use when visualizing dependency graphs, analyzing import structure, checking circular dependencies, or understanding module relationships.
brainstorming
by FradSer
This skill should be used when the user has a new idea, feature request, or ambiguous requirement. It clarifies needs, explores options, and produces a solid design document and BDD specs before implementation starts.
laravel-pdf
by spatie
Generate PDFs from Blade views or HTML using spatie/laravel-pdf. Covers creating, formatting, saving, downloading, and testing PDFs with the Browsershot, Cloudflare, or DOMPDF driver.
ensemble-solving
by mhattingpete
Generate multiple diverse solutions in parallel and select the best. Use for architecture decisions, code generation with multiple valid approaches, or creative tasks where exploring alternatives improves quality.
dark-light-modes
by fusengine
Use when implementing theme modes, color schemes, or system preference detection. Covers prefers-color-scheme, CSS variables, next-themes.
fusecore
by fusengine
FuseCore Modular Architecture - Laravel 12 modular monolith with auto-discovery, React integration, and SOLID principles. Use when creating modules, understanding FuseCore structure, or implementing features in FuseCore projects.
glassmorphism-advanced
by fusengine
Use when creating frosted glass effects, transparent overlays, or modern glass UI. Covers blur, layering, colored shadows.
generating-components
by fusengine
Use when generating UI components, buttons, forms, cards, hero sections, or using design tools. Covers Gemini Design MCP, shadcn/ui, 21st.dev, and Tailwind CSS.
social-media
by EpicenterHQ
Social media post guidelines for LinkedIn, Reddit, and Twitter/X. Use when drafting posts, announcements, or sharing technical content on social platforms.
vercel-react-native-skills
by guanyang
React Native and Expo best practices for building performant mobile apps. Use
obsidian-markdown
by guanyang
Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.