開發
前端、後端、行動裝置和全端開發技能
20307 skills in this category
brand-guidelines
Applies Open Session's official brand colors and typography to any sort of artifact that may benefit from having our brand's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
react-observability
Logging, error messages, and debugging patterns for React. Use when adding logging, designing error messages, debugging production issues, or improving code observability. Works for both React web and React Native.
google-apps-script
Google Apps Script documentation, guides, and API reference for automating Google Workspace applications
frontend-aesthetics
Use when creating UI designs to avoid generic "AI slop" aesthetics. Enforces distinctive typography, cohesive color systems, purposeful motion, and atmospheric backgrounds. Critical for landing pages, dashboards, and branded interfaces.
practice-hub-debugging
Systematic debugging and code cleanup for Practice Hub. Includes scripts to find/remove console.log statements, track TODOs/FIXMEs, validate code quality, and prepare codebase for production deployment. Critical for pre-production cleanup.
reflex-dev
Guide for building full-stack web applications using Reflex, a Python framework that compiles to React frontend and FastAPI backend. Use when creating, modifying, or debugging Reflex apps - covers state management, event handlers, components, routing, styling, and data integration patterns.
flaskapi
Flask API development including blueprints, extensions, and REST patterns. Activate for Flask apps, Python web APIs, and lightweight API development.
python-unit-testing
A skill for creating comprehensive Python unit tests using pytest. It provides guidance and templates for test structure, fixtures, mocking, parameterization, and coverage. Use this when you need to write unit tests for Python code, set up a testing environment with pytest, or apply testing best practices.
research
Conduct comprehensive academic research using OpenAlex, PDF extraction, paper search MCPs, and web search. Always produces comprehensive reports with 5+ evidence cards covering conflicting ideas and best approaches. Integrates academic papers (high weight) and non-academic sources (blogs, docs - lower weight but valuable for SOTA). Use when: (1) Researching software architecture patterns, (2) Finding academic papers on technical topics, (3) Conducting literature reviews, (4) Analyzing research papers for evidence-based decisions, (5) Building evidence cards from papers, (6) Finding related works and citations, or (7) When you need grounded, paper-backed technical recommendations. Triggers: research, find papers, literature review, evidence-based, academic research, compare approaches, what does research say, find studies on, search for papers about.
policy-as-code-template-library
Production-ready policy template library: 48 battle-tested policies (28 Kyverno + 20 OPA). Pod security, image validation, RBAC, resource governance, network security, and CI/CD integration.
creating-custom-utilities
Create custom utilities with @utility directive supporting static utilities, functional utilities with values, theme-based utilities, and multi-value utilities. Use when extending Tailwind with custom CSS properties or patterns.
applying-personas
Apply expert personas to provide specialized feedback and perspectives. Use when you want feedback through the lens of specific experts, critics, or archetypes (e.g., "give me feedback as a focused product manager" or "review this as Jason Fried would").
global-coding-style
Your approach to handling . Use this skill when working on files where comes into play.
api-state-management
Your approach to handling API state management. Use this skill when working on files where API state management comes into play.
brutalist-academic-ui
Skriptoteket-specific brutalist/academic UI design. Use for Vue/Vite SPA and SSR templates when you want grid-based layouts, systematic typography, and high-contrast “academic” aesthetics, while staying compatible with Skriptoteket’s pure-CSS + HuleEdu token stack (no Tailwind).
moai-lang-go
Enterprise Go for systems and network programming Go 1.25.4, Fiber v3, gRPC, context patterns, goroutine orchestration, standard library mastery; activates for REST APIs, microservices, concurrent systems, backend infrastructure, and performance-critical code.
replit-to-production
Transform Replit prototypes into production-grade applications following DHEPdevelopment standards. Automates TypeScript migration, testing setup, CI/CDconfiguration, and GitHub publishing. Handles full-stack web apps and datascience projects.USE WHEN user says 'transform replit', 'productionize', 'convert to production','replit to production', 'make production-ready', 'prototype to production','*transform', or has a Replit prototype needing professional architecture.
spider
Web crawling and scraping with analysis. Use for crawling websites, security scanning, and extracting information from web pages.
notebooklm
Use this skill to query your Google NotebookLM notebooks directly from Claude Code for source-grounded, citation-backed answers from Gemini. Browser automation, library management, persistent auth. Drastically reduced hallucinations through document-only responses.
templ-templates
Edit and troubleshoot server-side HTML templates (.templ), including regeneration and handler wiring.