Claude Skills by planetabhi

Use this whenever a user shares a Figma design link or mentions Figma and wants to build UI from a design, turn a frame into code, extract design tokens or a theme, export icons or images, inspect a node for measurements, sync a component and token library to code, generate documentation specs or usage guidelines for a component or pattern, or review a design and leave feedback as Figma comments. Trigger it even when the user does not say the word Figma, as long as they paste a figma.com link...

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.

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.

Load this skill for any project with interactive UI — 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 behaviour, and no keyboard traps. Targets WCAG 2.2 Level AA.