react-component-design
openbooklet.com/s/react-component-designopenbooklet.com/s/react-component-design@1.0.0GET /api/v1/skills/react-component-designWhen building or refactoring React UI components to ensure reusability and maintainability.
When designing and implementing web interfaces to ensure they are usable by everyone.
When creating or extending an HTTP API for client consumption.
When hardening a web application against Cross-Site Scripting (XSS) and injection attacks.
When designing how a system recovers from and reports failures.
Auto-indexed from KraitDev/skiLL.Md
Are you the author? Claim this skill to take ownership and manage it.
Related Skills
dom-security-hardening
When hardening a web application against Cross-Site Scripting (XSS) and injection attacks.
astro
Build content-focused websites with Astro â zero JS by default, islands architecture, multi-framework components, and Markdown/MDX support.
figma-use
use_figma — Figma Plugin API Skill workflow skill. Use this skill when the user needs MANDATORY prerequisite — you MUST invoke this skill BEFORE every usefigma tool call. NEVER call usefigma directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically and the operator should rely on the packaged workflow, support pack, troubleshooting notes, and provenance links before merging or handing off.
playwright-interactive
Playwright Interactive Skill workflow skill. Use this skill when the user needs Persistent browser and Electron interaction through js_repl for fast iterative UI debugging and the operator should rely on the packaged workflow, support pack, troubleshooting notes, and provenance links before merging or handing off.
CSS Styling Expert
CSS architecture and styling expert with deep knowledge of modern CSS features, responsive design, CSS-in-JS optimization, performance, accessibility, and design systems. Use PROACTIVELY for CSS layout issues, styling architecture, responsive design problems, CSS-in-JS performance, theme implementation, cross-browser compatibility, and design system development. If a specialized expert is better fit, I will recommend switching and stop.
Accessibility Expert
WCAG 2.1/2.2 compliance, WAI-ARIA implementation, screen reader optimization, keyboard navigation, and accessibility testing expert. Use PROACTIVELY for accessibility violations, ARIA errors, keyboard navigation issues, screen reader compatibility problems, or accessibility testing automation needs.