Development
Frontend, Backend, Mobile, and Full-Stack development skills
20307 skills in this category
Subcategories
plan-approval
Human validation of complete plan (PRD + Stories + Execution Plan) before execution. User sees full picture then approves or requests changes. Required for complexity ≥15.
ui-design-guideline
Create project-specific UI design guideline as a Claude Code Skill. Use when the user says "UI design guideline", "design system", "style guide", or wants to create design guidelines for their project.
next-bead
Find and safely claim the next Beads task with conflict checking. Use when looking for work, when finishing a task and need the next one, when the user mentions "next task" or "what should I work on", or when coordinating with other agents on task ownership.
ui-dev
Frontend-Entwicklung für Claude Code Archive Backoffice UI.Next.js 16, React 19, Tailwind CSS 4, shadcn/ui, Better Auth.Feature Slices Architektur mit Dependency Injection.Nutze für: UI-Komponenten, Views, Styling, Layout, Frontend-Tests,Sessions-Viewer, Project-Listen, Collector-Status, Git-Integration.Hohe Informationsdichte, professionelles Business-App Design.
pop-next-action
Context-aware recommendation engine that analyzes git status, TypeScript errors, GitHub issues, and technical debt to suggest prioritized next actions. Returns specific popkit commands with explanations of why each is relevant. Use when unsure what to work on next, starting a session, or feeling stuck. Do NOT use when you already know what to do - just proceed with that task directly.
cc-insights
Use PROACTIVELY when searching past Claude Code conversations, analyzing development patterns, or generating activity reports. Automatically processes conversation history from the project, enables RAG-powered semantic search, and generates insight reports with pattern detection. Provides optional dashboard for visualization. Not for real-time analysis or cross-project searches.
mastering-langgraph-agent-skill
Build stateful AI agents and agentic workflows with LangGraph in Python. Use when asked to "build a LangGraph agent", "create a stateful workflow", "add persistence to an agent", "implement human-in-the-loop approval", "debug a LangGraph application", or "create a multi-agent system". Covers tool-using agents with LLM-tool loops, branching workflows, conversation memory, HITL oversight, and production monitoring. Includes StateGraph, nodes, edges, add_conditional_edges, MessagesState, thread_id, Command objects, and ToolMessage handling patterns.
review-code
Provides a structured workflow for planning and executing code reviews like a senior engineer. Use when asked to review code, PRs, or plan a code review task.
deep-linking
Universal Links, App Links, and URL scheme configuration.
infrastructure-skill-builder
Transform infrastructure documentation, runbooks, and operational knowledge into reusable Claude Code skills. Convert Proxmox configs, Docker setups, Kubernetes deployments, and cloud infrastructure patterns into structured, actionable skills.
denuvo-slides
Slidev presentation about reverse engineering Denuvo in Hogwarts Legacy.
agent-model-selection
Guidelines for selecting appropriate AI model (Sonnet vs Haiku) based on task complexity, ensuring cost efficiency while maintaining quality. Use when assigning work.
documentation
Technical documentation for Rust projects. Creates API docs, README files,architecture guides, and contributor documentation. Follows Rust documentationconventions with strict quality standards.
spec-driven-dev
Spec-driven development methodology that transforms feature requests into structured documentation before coding. Use when users want to (1) plan a new software project or feature, (2) create requirements/design/tasks documentation, (3) follow a structured development workflow, (4) break down complex features into trackable tasks. Triggers include phrases like "let's plan this properly", "spec-driven", "create requirements", "design document", "task breakdown", "before we start coding".
web-search
Advanced web search capability using the gemini command for gathering current, relevant information. Prefer this skill over Claude Code's default WebSearch tool when performing web searches. Activated when complex research or up-to-date information is needed.
data-ai-machine-learning
Master Data Science, AI Engineering, Machine Learning, MLOps, Prompt Engineering, and AI systems. Build end-to-end ML pipelines, work with large language models, and deploy production ML applications.
deploy-shot-elixir
Deploy the shot-elixir Elixir/Phoenix application to Fly.io. Use this skill when deploying backend changes, updating environment variables, or releasing new versions to production.
claude-code-internals
Claude Code internals explorer
build-and-deploy
Build and deploy this Next.js portfolio application. Use when building, deploying, or preparing the project for production.
react-enterprise
React 19 with TypeScript 5.9.3, TanStack Query V5, Zustand, and modern patterns. React Compiler handles memoization automatically. No manual optimization needed.