Agent Skills by Derek Chen
Showing 31 vetted skills indexed across 1 GitHub repositories.
dereknexplanning-with-files
Manage task_plan.md, findings.md, and progress.md as living planning documents.
dereknexagent-browser
Automate browser navigation, form filling, and data extraction for web testing.
dereknexsenior-frontend
Automate React/Next.js scaffolding, component generation, and bundle analysis via Python scripts.
dereknexpostgresql-table-design
Design PostgreSQL schemas with normalization, constraints, indexing, and appropriate data types.
dereknexdevops
Automate multi-cloud deployment and governance across Cloudflare, Docker, Google Cloud, and Kubernetes.
dereknexapi-design-principles
Guide REST and GraphQL API design across teams with codified principles and patterns.
dereknexapp-store-changelog
Collect git history changes and draft App Store release notes.
dereknexweb-design-guidelines
Review HTML, CSS, and JS UI code against Web Interface Guidelines.
dereknexarchitecture-diagrams
Generate Mermaid, PlantUML, and C4 architecture diagrams from Markdown.
dereknexblog-post-writer
Transform unstructured brain dumps into polished blog posts in Nick Nisi's voice.
dereknexui-styling
Establish React UI styling workflows with shadcn/ui and Tailwind CSS.
dereknexcreate-plan
Convert user prompts into a Plan document with Scope, Action items, and Open questions.
dereknexgrafana-dashboards
Create Grafana dashboards for system and application metrics visualization.
dereknextypescript-advanced-types
Explain TypeScript generics, conditional, mapped, and utility types.
dereknexui-design-tips
Map user queries to curated UI design tips from a JSON dataset.
dereknexsenior-architect
Automate end-to-end software architecture tasks including diagrams and dependency analysis.
dereknexskills-discovery
Discover and install Agent Skills from the claude-plugins.dev registry.
dereknexcanvas-design
Translate abstract briefs into single-page poster PDF or PNG canvases.
dereknexchrome-devtools
Automate browser tasks and debugging workflows with Puppeteer CLI scripts.
dereknexanimation-designer
Implement Framer Motion-based UI animation patterns for web apps.
dereknexweb-interface-guidelines
Enforce accessibility, usability, and performance guidelines for web interfaces.
dereknexux-design-tips
Map UX tips to goals like trust, value, and action.
dereknexgithub-actions-templates
Generates and maintains Docker/Kubernetes CI/CD workflows for GitHub Actions.
dereknexfrontend-design
Generate production-ready web interfaces with customizable aesthetic direction and built-in design system support.