dirnbauer/webconsulting-skills

1

supabase-postgres-best-practices Postgres performance optimization and best practices from Supabase. Use this skill when writing, reviewing, or optimi…

dirnbauer/webconsulting-skills

31

2

macos-design-guidelines Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars…

dirnbauer/webconsulting-skills

30

3

tvos-design-guidelines Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote i…

dirnbauer/webconsulting-skills

30

4

ios-design-guidelines Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces fo…

dirnbauer/webconsulting-skills

29

5

ipados-design-guidelines Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, po…

dirnbauer/webconsulting-skills

29

6

visionos-design-guidelines Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/han…

dirnbauer/webconsulting-skills

29

7

watchos-design-guidelines Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features.…

dirnbauer/webconsulting-skills

29

8

vercel-react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing…

dirnbauer/webconsulting-skills

28

9

android-design-guidelines Material Design 3 and Android platform guidelines. Use when building Android apps with Jetpack Compose or XML layouts…

dirnbauer/webconsulting-skills

27

10

code-refactoring-refactor-clean You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and modern software e…

dirnbauer/webconsulting-skills

23

11

typo3-icon14 Designs and migrates TYPO3 extension icons to the v14 line-art style, including source SVG cleanup, light/dark behavi…

dirnbauer/webconsulting-skills

21

12

refactor-clean You are a code refactoring expert specializing in clean code principles, SOLID design patterns, and modern software e…

dirnbauer/webconsulting-skills

17

13

typo3-vite Use when configuring Vite 7 for TYPO3 v13/v14 LTS projects, setting up SCSS architecture with Bootstrap 5.3 theming, …

dirnbauer/webconsulting-skills

17

14

typo3-idea-extension-blog Evaluates external ideas for TYPO3 extension potential, builds the extension, and drafts the companion German webcons…

dirnbauer/webconsulting-skills

16

15

typo3-translations Guides TYPO3 13/14 localization with locallang.xlf, labels.xlf, XLIFF 1.2 and 2.0, ICU MessageFormat, LLL references,…

dirnbauer/webconsulting-skills

16

16

excalidraw Generate architecture diagrams as .excalidraw files from codebase analysis, with optional PNG/SVG export. Use when th…

dirnbauer/webconsulting-skills

14

17

typo3-visual-editor Installs, configures, removes, and migrates TYPO3 sitepackages for FriendsOfTYPO3 Visual Editor, including inline edi…

dirnbauer/webconsulting-skills

14

18

grill-me Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of …

dirnbauer/webconsulting-skills

13

19

gsap GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (g…

dirnbauer/webconsulting-skills

12

20

ios-design Apple Human Interface Guidelines for iPhone. Use when building, reviewing, or refactoring SwiftUI/UIKit interfaces fo…

dirnbauer/webconsulting-skills

12

21

tvos-design Apple Human Interface Guidelines for Apple TV. Use when building tvOS apps with focus-based navigation, Siri Remote i…

dirnbauer/webconsulting-skills

12

22

typo3-shadcn-content-elements Produces, audits, and overhauls TYPO3 Content Blocks content elements styled with shadcn/ui presets, semantic tokens,…

dirnbauer/webconsulting-skills

12

23

android-design Material Design 3 and Android platform guidelines.

dirnbauer/webconsulting-skills

11

24

to-prd Turn the current conversation context into a PRD and publish it to the project issue tracker. Use when user wants to …

dirnbauer/webconsulting-skills

11

25

typo3-news-tags Bulk-generates thematic tags for georgringer/news (EXT:news) and assigns them to existing news records via keyword ma…

dirnbauer/webconsulting-skills

11

26

visionos-design Apple Human Interface Guidelines for Apple Vision Pro. Use when building spatial computing apps, implementing eye/han…

dirnbauer/webconsulting-skills

11

27

watchos-design Apple Human Interface Guidelines for Apple Watch. Use when building watchOS apps, complications, or workout features.…

dirnbauer/webconsulting-skills

11

28

web-platform-design Web platform design and accessibility guidelines. Use when building web interfaces, auditing accessibility, implement…

dirnbauer/webconsulting-skills

11

29

ab-testing When the user wants to plan, design, or implement an A/B test or experiment. Also use when the user mentions "A/B tes…

dirnbauer/webconsulting-skills

10

30

hyperframes Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene…

dirnbauer/webconsulting-skills

10

31

hyperframes-cli HyperFrames CLI dev loop \u2014 `npx hyperframes` for scaffolding (init), validation (lint, inspect), preview, render…

dirnbauer/webconsulting-skills

10

32

hyperframes-registry Install and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add, inst…

dirnbauer/webconsulting-skills

10

33

impeccable Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adap…

dirnbauer/webconsulting-skills

10

34

ipados-design Apple Human Interface Guidelines for iPad. Use when building iPad-optimized interfaces, implementing multitasking, po…

dirnbauer/webconsulting-skills

10

35

macos-design Apple Human Interface Guidelines for Mac. Use when building macOS apps with SwiftUI or AppKit, implementing menu bars…

dirnbauer/webconsulting-skills

10

36

react-best-practices React and Next.js performance optimization guidelines from Vercel Engineering.

dirnbauer/webconsulting-skills

10

37

typo3-initial-release Prepare, verify, review, tag, and document the first official release of a TYPO3 14.3+ extension. Use when the user a…

dirnbauer/webconsulting-skills

10

38

website-to-hyperframes Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) …

dirnbauer/webconsulting-skills

10

39

ai-seo When the user wants to optimize content for AI search engines, get cited by LLMs, or appear in AI-generated answers. …

dirnbauer/webconsulting-skills

9

40

customer-research When the user wants to conduct, analyze, or synthesize customer research. Use when the user mentions "customer resear…

dirnbauer/webconsulting-skills

9

41

directory-submissions When the user wants to submit their product to startup, SaaS, AI, agent, MCP, no-code, or review directories for back…

dirnbauer/webconsulting-skills

9

42

micro-interactions Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or not…

dirnbauer/webconsulting-skills

9

43

prospecting When the user wants to find, qualify, and build a list of prospects to reach out to \u2014 across B2B SaaS, general B…

dirnbauer/webconsulting-skills

9

44

to-issues Break a plan, spec, or PRD into independently-grabbable issues on the project issue tracker using tracer-bullet verti…

dirnbauer/webconsulting-skills

9

45

analytics When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions …

dirnbauer/webconsulting-skills

8

46

autoreview Run a structured code review (Codex default, optional Claude, Pi, Droid, Copilot, or OpenCode) as a closeout check on…

dirnbauer/webconsulting-skills

8

47

marketing-psychology When the user wants to apply psychological principles, mental models, or behavioral science to marketing. Also use wh…

dirnbauer/webconsulting-skills

8

48

microinteractions 'Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great one…

dirnbauer/webconsulting-skills

8

49

triage Triage issues through a state machine driven by triage roles. Use when user wants to create an issue, triage issues, …

dirnbauer/webconsulting-skills

8

50

typo3-wcag22-aa-agentic Use this skill to audit, fix, and document accessibility for TYPO3 websites and Fluid sitepackages.

dirnbauer/webconsulting-skills

8