Minimalist, typography-focused portfolio design system inspired by neo-brutalist and Swiss design principles. Emphasizes bold typography, generous whitespace, monochromatic color schemes, and elegant simplicity for developer/designer portfolios.
Create Python projects with modern best practices. Use when asked to create a Python project, FastAPI app, CLI tool, or Python package. Includes uv for package management, Docker, pre-commit, ruff, FastAPI with uvloop, Typer CLI, SQLModel, and Pydantic.
Astro project initialization and configuration patterns. Use when setting up new Astro projects or configuring Astro features.
Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.
Setup Tailwind CSS and shadcn/ui component library for Next.js projects. Use when configuring Tailwind CSS, installing shadcn/ui, setting up design tokens, configuring dark mode, initializing component library, or when user mentions Tailwind setup, shadcn/ui installation, component system, design system, or theming.
WordPress accessibility (a11y) patterns and WCAG 2.1 compliance guidelines. Use when reviewing WordPress themes, templates, forms, or interactive elements for accessibility, implementing WCAG standards, or checking keyboard navigation, screen reader compatibility, and ARIA patterns.
Use this skill when working with Hextra icons to validate icon names against the available icon list. This skill should be invoked whenever you're about to use icon names in Hugo shortcodes, partials, or layouts to ensure they exist in the Hextra theme.
Find and explore Nuxt UI components with their props, slots, and examples. Use when users ask about available UI components or how to use specific Nuxt UI features.
Document a new or existing design system component
Frontend codebase guide for Next.js App Router architecture. Use when working on: pages (home, auth, dashboard), components (ui, layout, saas, user), API integration (lib/api.ts), authentication (lib/auth.ts, Firebase OAuth), constants (api endpoints, routes, messages), TypeScript types. Actions: find files, understand architecture, locate components, navigate codebase.
Load when handling moderation issues, conflict resolution, rule enforcement, or developing moderation policies. Contains Discord-specific guidelines and best practices for maintaining a healthy, safe community.
WordPress VIP development environment and architecture. Apply when working on VIP projects, running VIP CLI commands, or understanding VIP project structure. Covers vip-cli, client-mu-plugins architecture, and VIP-specific constraints.
Supabase development guidelines for Next.js applications. Use when working with Supabase Auth SSR, database migrations, RLS policies, database functions, Edge Functions, or declarative schema management. Covers @supabase/ssr patterns, PostgreSQL best practices, and Deno-based Edge Functions.
Add labels with translations to migrations. Use for ANY UI text - titles, buttons, messages, placeholders, etc.
Generates WordPress Full Site Editing blocks and theme files. Use when the user asks about block.json, Gutenberg blocks, FSE themes, WordPress block development, or theme.json configuration.
Initialize PM environment by creating constitution document from template. Use this skill when: - Running /pm.init command - User asks to "initialize PM", "setup product management", "create constitution" - Starting a new project and need to establish product constraints and domain info - Need to create docs/reference/pm/constitution.md for a new project
Styles UI with the Hack Club aesthetic using hack.css. Opt-in only—use when user confirms they want Hack Club styling after being asked "Would you like to use the Hack Club UI skill?"
Write markdown documents and mermaid diagrams to Obsidian vaults.
Integrate existing MCP servers into Claude Code plugins via .mcp.json configuration. WHEN: Adding MCP servers to plugins, configuring .mcp.json, connecting external services via MCP, setting up MCP transport types (stdio, SSE, HTTP). WHEN NOT: Building new MCP servers (use mcp-builder), general plugin development.
Generate and validate plugin manifest files (plugin.json, marketplace.json). Use when creating new plugins, updating manifests, adding plugins to marketplaces, or preparing for distribution.
Advanced Tailwind CSS patterns including custom themes, responsive design, dark mode, animations, and component variants. Use for complex styling or design system implementation.
This skill should be used when the user asks about "views", "ERB templates", "partials", "layouts", "render", "form_with", "form helpers", "view helpers", "link_to", "content_for", "yield", "collection rendering", "locals", "tag helpers", "asset helpers", "image_tag", "stylesheet_link_tag", or needs guidance on building Rails views and templates.
