hiai-gg/hiai-opencode
51 skills
$npx skills add hiai-gg/hiai-opencodeSkillInstalls
bobDiscovers and invokes agent skills. Use when starting a session or when you need to discover which skill applies to the current task.browser-testing-with-devtoolsTests in real browsers. Use when building or debugging anything that runs in a browser.buildcanvas-designCreate beautiful visual art in PNG and PDF documents using design philosophy and aesthetic principles for posters, illustrations, and static pieces.ci-cd-and-automationAutomates CI/CD pipeline setup. Use when setting up or modifying build and deployment pipelines.code-review-and-qualityConducts multi-axis code review. Use before merging any change. Use when reviewing code written by yourself, another agent, or a human.code-simplificationSimplifies code for clarity. Use when refactoring code for clarity without changing behavior.context-engineeringOptimizes agent context setup. Use when starting a new session, when agent output quality degrades, when switching between tasks, or when you need to configure…context7On-demand CLI/skill (context7 is NOT loaded as an MCP server).criticdeprecation-and-migrationdesignerApple Human Interface Guidelines as 14 agent skills covering platforms, foundations, components, patterns, inputs, and technologies for iOS, macOS, visionOS,…dispatching-parallel-agentsUse when facing 2+ independent tasks that can be worked on without shared state or sequential dependenciesexecuting-plansUse when you have a written implementation plan to execute in a separate session with review checkpointsexploreFirecrawl handles all web operations with superior accuracy, speed, and LLM-optimized output.figma-code-connect-componentsConnect Figma design components to code components using Code Connect so design-system updates flow into the codebase automatically.figma-create-design-system-rulesGenerate project-specific design system rules for Figma-to-code workflows. Useful for capturing tokens, naming, and lint rules in one source.figma-create-new-fileCreate a new blank Figma Design or FigJam file. Useful as the first step in scripted design-system or workshop workflows.figma-generate-designBuild or update screens in Figma from code or description using design system components. Translate app pages into Figma using design tokens.figma-generate-libraryBuild or update a professional-grade design system library in Figma from a codebase.figma-implement-designTranslate Figma designs into production-ready code with 1:1 visual fidelity. Useful for handing off Figma frames straight to a frontend agent.figma-useRun Figma Plugin API scripts for canvas writes, inspections, variables, and design-system work. Prerequisite for every other Figma skill in this catalogue.find-skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express…finishing-a-development-branchfrontend-ui-engineeringBuilds production-quality UIs. Use when building or modifying user-facing interfaces.full-page-screenshotCapture full-page screenshots of web pages via Chrome DevTools Protocol with zero dependencies. Useful for portfolios, case studies, and audit reports.generalUse when encountering any bug, test failure, or unexpected behavior, before proposing fixesgit-workflow-and-versioningincremental-implementationinterview-meUse when requirements are underspecified or the user's stated goal differs from what they actually need.open-design-landingEntry point for using 150+ brand design systems from nexu-io/open-design to generate landing page HTML.open-design-landing-deckEntry point for using 150+ brand design systems from nexu-io/open-design to generate slide deck HTML / PPT. Pairs with html-ppt templates.performance-optimizationOptimizes application performance. Use when performance requirements exist, when you suspect performance regressions, or when Core Web Vitals or load times…planUse when a spec or requirements exist and need to be broken into verifiable tasks with acceptance criteria.requesting-code-reviewUse when completing tasks, implementing major features, or before merging to verify work meets requirementssecurity-and-hardeningHardens code against vulnerabilities. Use when handling user input, authentication, data storage, or external integrations.shadcn-uiExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best…source-driven-developmentspec-driven-developmentsubagent-driven-developmentUse when executing implementation plans with independent tasks in the current sessionsupabase-postgresPostgres performance optimization and best practices from Supabase.systematic-debuggingtest-driven-developmentDrives development with tests. Use when implementing any logic, fixing any bug, or changing any behavior.theme-factoryDesign token extraction and component mapping from branded design systems (design-systems removed from plugin in v0.3.0; source upstream).using-git-worktreesCreate, use, and clean up isolated git worktrees for parallel agent work. Use when you need an isolated workspace that won't interfere with other tasks.using-superpowersUse when starting any conversation - establishes how to find and use skills, requiring Skill tool invocation before ANY response including clarifying questionsverification-before-completionvisionBrowser automation CLI for AI agents. Use when the user needs to inspect, test, or automate browser behavior: navigating pages, filling forms, clicking…web-design-guidelinesWeb design guidelines and standards by the Vercel engineering team. Covers layout, typography, color, motion, and accessibility for product UI.writerContent, copy, positioning, SEO. Website/product copy specialist.writing-plansUse when you have a spec or requirements for a multi-step task, before touching code