Topic: browser-extension
10 skills in this topic.
-
angular-modernization
Modernizes Angular code such as components and directives to follow best practices using both automatic CLI migrations and Bitwarden-specific patterns. YOU must use this skill when someone requests modernizing Angular code. DO NOT invoke for general Angular discussions unrelated to modernization.
bitwarden/clients 12,621
-
cipher-type-planner
Plans the creation or modification of a cipher type (vault item type) across the Bitwarden clients monorepo. Use this skill when a user wants to add a new cipher type, modify an existing cipher type, or asks about what is needed to implement a cipher type. DO NOT invoke for general vault or cipher questions unrelated to adding or changing a cipher type.
bitwarden/clients 12,621
-
create-hec-event-integration
Use when adding a new HEC (HTTP Event Collector) event integration to the Bitwarden web client. Implements the Splunk token authentication model (Bearer token + URI). Covers feature flag setup and card registration behind the flag. Does not apply to API key integrations or integrations requiring a custom connect dialog.
bitwarden/clients 12,621
-
create-pull-request
Pull request creation workflow for Bitwarden Clients. Use when creating PRs, writing PR descriptions, or preparing branches for review. Triggered by "create PR", "pull request", "open PR", "gh pr create", "PR description".
bitwarden/clients 12,621
-
figma-to-angular
Converts Figma designs into production Angular components with Storybook stories for the Bitwarden Clients monorepo. Use this skill whenever the user provides a Figma URL and wants to create an Angular component, or mentions "implement this design", "create a component from Figma", "build this from the design spec", or similar. Also trigger when the user pastes a Figma link and asks for a component, even if they don't say "Figma" explicitly.
bitwarden/clients 12,621
-
fix-angular-fixmes
Resolves eslint-disable suppression comments throughout the Bitwarden clients codebase by fixing the underlying issue. Use when the user asks to "fix FIXMEs", "fix eslint suppressions", "clean up eslint-disable-next-line", "resolve CL-764", "resolve CL-903", "fix OnPush eslint suppressions", "fix Signals eslint suppressions", or reduce linting suppressions.
bitwarden/clients 12,621
-
design-style
Use this skill whenever the user asks to build, create, design, develop, improve, or style any frontend interface or visual element.
This includes:
- Landing pages, websites, web apps, dashboards, portfolios, or any web UI
- UI components (buttons, forms, cards, navbars, modals, etc.)
- React, Vue, Next.js, Svelte, or other frontend frameworks
- CSS, Tailwind, styled-components, or styling help
- Visual improvements or aesthetic upgrades
- Requests mentioning frontend, UI, UX, interface, web design, or styling
- Adjectives like beautiful, modern, clean, professional, minimalist, dark, brutalist, etc.
This skill loads the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to generate distinctive, production-grade frontend code instead of generic UI.
IMPORTANT: Trigger proactively for ANY frontend/UI-related request, even if no style is specified.
Castor6/tactus 310
-
design-style
Use this skill when the user asks to build, create, design, develop, or improve ANY frontend interface, web page, UI component, or visual element. This includes:
- Building landing pages, websites, web apps, dashboards, portfolios, or any web interface
- Creating UI components (buttons, forms, cards, navbars, modals, etc.)
- Designing pages with React, Vue, Next.js, Svelte, or any frontend framework
- Adding styling or improving visual design of existing components
- Implementing specific design aesthetics (modern, dark, minimalist, brutalist, etc.)
- User mentions "frontend", "UI", "UX", "design", "interface", "web design", or "styling"
- User asks for "beautiful", "modern", "professional", "clean", or any aesthetic adjective
- User requests help with CSS, Tailwind, styled-components, or any styling approach
This skill automatically retrieves the appropriate design system prompt (Neo-brutalism, Modern Dark, Bauhaus, Cyberpunk, Material, etc.) to help create visually distinctive, production-grade frontend code instead of generic UI.
IMPORTANT: Trigger this skill proactively for ANY frontend/UI work, not just when design style is explicitly mentioned. The default style is Professional.
Castor6/tactus 310
-
fetch-linuxdo-post
获取 linux.do 帖子的正文及评论区内容,并解析评论回复关系。当需要获取L站帖子完整内容时使用此技能。
Castor6/tactus 310
-
chrome-extension-icons
Search and generate icons for Chrome browser extensions. Automatically downloads SVG icons from Iconify (275,000+ free icons), converts them to required PNG sizes (16x16, 32x32, 48x48, 128x128), and updates manifest.json configuration. Use when the user mentions "extension icon", "browser extension icon", "chrome icon", "add icon to extension", "generate icon for extension", or when working with Chrome extension manifest.json icon setup. Supports color customization, local SVG conversion, and batch generation for multiple projects.
Boulea7/ChromeExtensionIconsSkill