clay-ferguson/app-pages
.claude/skills/pages/SKILL.md
Pattern for application pages
$ install --global
skillsauthnpx skillsauth add clay-ferguson/mkbrowser app-pagesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 14, 2026, 3:25 AM13.4s1 file scanned
SKILL.md
- name:
- app-pages
- description:
- Pattern for application pages
Instructions
Page Name and Component Location
Pages are the different top level views (aka panels) that we display in the application. Their names are defined in file src/store/types.ts in the following line of code.
export type AppView = 'browser' | 'search-results' | 'settings';
The 'browser' one is the main default application src/App.tsx, but any pages other than the main (browser) page should follow a pattern similar to what you find in src/components/SearchResultsView.tsx
Tab Navigation
Each page has a corresponding tab button in the tab panel at the top of the screen (Browse, Search, Settings). When the user clicks a tab button, we update the currentView in the global AppState, and that causes the page to display at next render.
React Global State Management
Example: setCurrentView('search-results');
Related Skills
clay-ferguson/.claude/skills/popup-menus
tools
VerifiedTrustedCommunity
```skill --- name: popup-menus description: Pattern for creating popup menus anchored to icon buttons --- # Instructions ## Overview Popup menus are icon-triggered dropdown menus that appear over the page content, anchored below the button the user clicked. They automatically adjust position to avoid being clipped by viewport edges. Clicking a menu item fires a callback and dismisses the menu. Clicking outside or pressing Escape also dismisses it. ## Architecture: Two Layers ### 1. Base Com
2SKILL.mdUpdated Apr 14, 2026
clay-ferguson/playwright-tests
testing
VerifiedTrustedCommunity
Pattern for writing Playwright E2E tests that capture screenshots and narration for GIF/MP4 generation
2SKILL.mdUpdated Apr 14, 2026
clay-ferguson/dialogs
tools
VerifiedTrustedCommunity
Pattern for making popup modal dialogs
2SKILL.mdUpdated Apr 14, 2026
openclaw/taskflow
tools
VerifiedTrustedCommunity
Use when work should span one or more detached tasks but still behave like one job with a single owner context. TaskFlow is the durable flow substrate under authoring layers like Lobster, ACPX, plugins, or plain code. Keep conditional logic in the caller; use TaskFlow for flow identity, child-task linkage, waiting state, revision-checked mutations, and user-facing emergence.
357,764SKILL.mdUpdated Apr 10, 2026