Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
reviewing-code-quality
Automated tooling and detection patterns for JavaScript/TypeScript code quality review
speech-recognition
iOS speech recognition implementation using @react-native-voice/voice. Use when debugging transcription issues, modifying session handling, or understanding the accumulated text tracking mechanism.
executing-plans
Controlled batch execution of implementation plans with review checkpoints between phases. Loads plan, critically reviews for issues, executes tasks in batches, then pauses for architect feedback before continuing. Use when you have a complete implementation plan from brainstorming/writing-plans and want structured execution with quality gates. Do NOT use for ad-hoc implementation, exploratory coding, or when you don't have a formal plan - just implement directly with code review at the end.
toolsmith
Patterns for implementing Toolsmith library functions. Covers pragmatic internal approach using raw operators with exception documentation, monadic behavior patterns (Result/Validation/plain value), predicate special rules, and the distinction between building Toolsmith vs consuming it. Use when implementing functions FOR the Toolsmith library itself.
wcag-validator
Automatically validate Moodle templates, JavaScript, and CSS for WCAG 2.1 Level AA accessibility compliance. Checks semantic HTML, ARIA patterns, keyboard navigation, color contrast, and screen reader compatibility. Activates when working with Mustache templates, AMD modules, or discussing accessibility, a11y, WCAG, screen readers, or keyboard navigation.
tailwind-css
Use when styling UI components or layouts with Tailwind CSS - mobile-first design, responsive utilities, custom themes, or component styling.NOT when plain CSS, CSS-in-JS (styled-components), or non-Tailwind frameworks are involved.Triggers: "style component", "responsive design", "mobile-first", "dark theme", "tailwind classes", "dashboard grid".
intermediate
Claude Code customization for comfortable users. Covers skills, commands, MCP, hooks.Use when: user knows basics and wants to customize Claude Code.
project-moc-generator
Generates comprehensive Map of Content (MOC) documentation for software projects using standard markdown links, analyzing current implementation state from codebase and devlog notes
testing-patterns
Unit testing patterns with Vitest. Use when writing tests for TypeScript code.
chezmoi-development
This skill should be used when developing or modifying dotfiles using chezmoi. Covers using .chezmoidata for configuration data and modify_ scripts (or run_onchange_after_ scripts for symlinked directories) for non-destructive file merging. Particularly useful when needing to configure application settings without overwriting user preferences.
svelte-component-generator
Generate Svelte components with TypeScript and scoped styles. Triggers on "create svelte component", "generate svelte file", "svelte module", ".svelte component".
python-developer
Expert Python development focusing on clean code, comprehensive testing, performance optimization, and best practices with detailed documentation
webpage-screenshotter
High-resolution Playwright-based screenshot capture skill that takes full-page screenshots of any URL with optimized settings for quality and reliability
moai-lang-rust
Rust best practices with systems programming, performance-critical applications, and memory-safe patterns for 2025
figma-desktop
Extract design data from Figma files using REST API scripts. Includes frame extraction, metadata retrieval, screenshots, design token extraction, annotations, and FigJam content for design-to-code workflows.
product-management
Assist with core product management activities including writing PRDs, analyzing features, synthesizing user research, planning roadmaps, and communicating product decisions. Use when you need help with PM documentation, analysis, or planning workflows that integrate with your codebase.
frontend-design
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
tailwind-components
Reusable Tailwind CSS component patterns for consistent UI. Use when creating buttons, cards, forms, tables, modals, navigation, or any UI components with Tailwind CSS.
ai-machine-learning
Master AI, machine learning, and data science. Learn Python, deep learning, LLMs, MLOps, data pipelines, and production AI systems. Build generative AI applications and deploy scalable ML models.
flask-setup-for-beginners
Set up Python Flask development environment for beginners with step-by-step guidance, virtual environment creation, and troubleshooting