← all publishers

planetabhi

@planetabhi source repo

Report this profile Claim this profile

• 7 skills
• 0 followers
• 9 hours ago last updated

1. ▌
   Ship UI · planetabhi

   Load this skill before shipping a UI change, to statically review the diff for design-craft regressions (accessibility, motion, responsive, and visual or UX drift), correctness and security issues, and leftover debug code, then write a commit message and pull request description that match the repository's conventions. Triggers on "review my UI change", "ship this", "is this ready to ship". This is the ship gate at the end of the design → build → ship pipeline.
   0
   installs
2. ▌
   Motion Design · planetabhi bundle

   Load this skill when adding or reviewing web UI motion such as animations, transitions, entrances and exits, hovers, modals, dropdowns, toasts, page transitions, and micro-interactions. Triggers on "animate", "add a transition", "make it move", "motion", "fade", "slide", "stagger", "open and close". Builds dependency-free, Baseline-first, framework-agnostic CSS, with the Web Animations API and View Transitions API where they help.
   0
   installs
3. ▌
   Docs Style Guide · planetabhi bundle

   Documentation style guide enforcer by @planetabhi. Applies and reviews the writing style guide when authoring or editing product documentation and tutorials. Use to check prose for voice, tense, word choice, inclusive language, formatting, code block, UI, Markdown, and number/date conventions.
   0
   installs
4. ▌
   Responsive Design · planetabhi bundle

   Load this skill for any project with a user interface that must work across screen sizes and input methods, such as websites, web apps, dashboards, marketing pages, emails, or design systems. Use when building or reviewing layouts, choosing breakpoints, setting up fluid type, sizing touch targets, or making components adapt to their container. One design must serve phones, tablets, laptops, desktops, touch, mouse, and keyboard. Prefers content-first, mobile-first, framework-agnostic CSS and Baseline-stable features.
   0
   installs
5. ▌
   Writing Checklist · planetabhi

   Guided self-editing checklist for anyone writing an article, essay, story, email, or post. Turns a rough draft into clear, punchy, well-flowing prose by running it against the writer's intent, reader, and a set of concrete revision checks. Use when the user says "review my writing", "edit this draft", "make this clearer", "tighten this up", "writing checklist", "proofread", "polish this piece", or asks how to improve an article, story, essay, or copy.
   0
   installs
6. ▌
   Keyboard Accessibility · planetabhi bundle

   Load this skill for any project with interactive UI, such as buttons, links, forms, modals, dropdowns, menus, tabs, sliders, toolbars, carousels, or custom widgets, in React or vanilla JavaScript. Never ship an interactive element that cannot be fully operated by keyboard alone. Always ensure a visible focus indicator, logical tab order, correct widget key behavior, and no keyboard traps. Targets WCAG 2.2 Level AA.
   0
   installs
7. ▌
   Figma Use Design System · planetabhi

   Build or edit Figma designs and components using the <Your Org> (<ABBR>) **<Your DS>** design system. Load alongside `figma-use` whenever a task targets <Your DS> / <Your Org> / <ABBR> products — reusing the published <Your DS> Variables, UI Kit, and Icons libraries (semantic tokens, text styles, effect/elevation styles, components) instead of hardcoding colors, spacing, type, or shadows. Triggers: 'use <Your DS>', 'build with <Your DS>', '<Your Org> design system', '<ABBR> tokens/components', 'apply <Your DS> tokens', '<Your DS> button/table/modal in Figma', 'theme this with <Your DS> light/dark'. Manual/slash invocation.
   0
   installs