Agent Skills by yyopc
Showing 11 vetted skills indexed across 1 GitHub repositories.
yyopcagent-browser
Automate web navigation, form submission, and data extraction via Chrome CDP.
yyopcatomic-design-fundamentals
Explain and demonstrate Atomic Design methodology for organizing UI components.
yyopcreact-doctor
Diagnose React codebases for health, performance, and regressions.
yyopcshadcn
Manage shadcn components and projects via command-line tools.
yyopcportless
Set up named localhost URLs for portless applications and resolve port conflicts.
yyopcvercel-react-view-transitions
Implement View Transition API animations in React and Next.js applications.
yyopctransitions-dev
Provide CSS transitions for dropdowns, modals, and UI animations.
yyopcto-prd
Generate a Product Requirements Document from conversation context and publish it to the issue tracker.
yyopctanstack-hotkeys-guide
Manage type-safe keyboard shortcuts in React applications with @tanstack/react-hotkeys.
yyopcthermo-nuclear-code-quality-review
Audit codebases for maintainability, abstraction quality, and complexity.
yyopcyyork-cli
Manage yyork sessions, spawn worker tasks, and control its local server via CLI.
Frequently Asked Questions About yyopc
FAQPage SchemaWhat specific technical tasks does this organization support?▼
The organization provides expertise in React codebase diagnostics, Atomic Design implementation, and the integration of View Transition API animations. It also facilitates the management of type-safe keyboard shortcuts and performs deep-dive audits on code maintainability and structural complexity.
Which personas benefit most from these technical services?▼
Frontend engineers, UI developers, and technical leads managing React-based ecosystems benefit from these services. The offerings are specifically designed for teams looking to standardize component libraries, resolve performance regressions, and implement sophisticated browser-based navigation animations.
What are the prerequisites for implementing these UI and code quality solutions?▼
Implementation requires an existing React or Next.js environment. Users should have a foundational understanding of component-based architecture and be prepared to integrate specific libraries like @tanstack/react-hotkeys or shadcn components into their current build environment to leverage the provided diagnostic and structural methodologies.