Навыки: Дизайн

Use for Figma layout work when creating new screens, refactoring spacing, standardizing hierarchy, or spacing nested com...

Unified entry point for the 6-skill radar family (5 companions + capstone). Routes to individual skills, runs targeted (...

当使用者给出「说话人名字 + 说话内容 + 主色」，说"做一张车队无线电那种语录卡"、"生成 XX RADIO 的图"、"把这句话做成无线电字幕卡"、"照那个红色波形的格式来一张"时使用。产出单文件 HTML，800×1000 竖版：顶部是...

Radix UI primitives for accessible React components. Covers dialogs, dropdowns, popovers, and form controls. Triggers on...

Repair Radix parts, portals and focus mechanics.

Radix UI unstyled accessible primitives for dialogs, popovers, dropdowns, and more. Use when building custom accessible...

Radix UI primitives, composition patterns, accessibility, and customization.

Expert guidance for building React UIs with Radix Themes and Radix Primitives. Use when creating accessible, customisabl...

Use for accessible React primitives when shadcn doesn't have the component you need

Radix UI unstyled accessible React components. Headless primitives. USE WHEN: user mentions "Radix", "Radix UI", "headl...

Radix UI primitive patterns. Use when building accessible, unstyled UI components like dialogs, dropdowns, tooltips, tab...

Build accessible React components with Radix UI primitives. Covers unstyled components, accessibility features, composit...

Builds accessible components with Radix UI primitives including dialogs, dropdowns, tooltips, and form controls. Use whe...

Build accessible, unstyled React UI components with Radix Primitives

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and comp...

Use when designing Rails models - ActiveRecord patterns, validations, callbacks, scopes, associations, concerns, query o...

Use when styling Rails views - Tailwind CSS utility-first framework and DaisyUI component library with theming

Create Form Objects for complex form handling, multi-model forms, and validation logic. Use when forms involve multiple...

Design and implement Rails service objects for complex multi-step business logic. Use when business operations span mult...

This prompt directs an image-generation model to create an ultra-photorealistic, dreamy fashion editorial portrait that...

This skill guides users through setting up and running Ralph - an autonomous coding loop that repeatedly feeds prompts t...

Run Ralph-style iterative loops for reasoning, alignment, learning, planning, and handoff with strong evidence disciplin...

Run accessibility and visual design review

Run accessibility and visual design review on components. Use when reviewing UI code for WCAG compliance and design issu...

Builds a ransom-note text effect in DOM and CSS in which every letter is its own cut paper scrap, a different paper colo...

Quickly generate and triage research ideas with constraint clarity and confidence ceilings.

Draft research manuscripts quickly with structured sections, evidence links, and confidence ceilings.

Transforme les notes d'essai de JP (une partie de Sur glace ou une run du Rogue, ses reproches tels quels) en rapport :...

Completely unstyled browser defaults — honest HTML, brutal simplicity, zero CSS.

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement

ロールベースアクセス制御（RBAC）の設計と実装パターンを提供するスキル。最小権限の原則に基づくロール体系設計、多層アクセス制御、権限チェックロジック、ポリシーエンジン構築を支援。Anchors:• 『Web Application Sec...

Use this skill when architecting new features within the RBAC modular permissions system. Guides architects through work...

Realtor.com brand guidelines for creating branded reports, presentations, dashboards, and visualizations. Includes offic...

Apply RE4 Nested Narratives to structure information as stories within stories for depth and memorability.

Build accessible React interfaces with function components, hooks, and deliberate state ownership; troubleshoot effects,...

Engineers React against its rendering model — components as pure functions of props and state, hooks under the Rules of...

React: component architecture, state ownership, effects, data fetching, forms, a11y, composition. Structure state intent...

Use when implementing advanced React patterns — designing custom hooks, using Suspense or error boundaries, applying Typ...

Use when building advanced React features — designing custom hooks, using Suspense or error boundaries, working in Next....

Operate React applications as a named tool: inspect and diagnose React/Vite projects, design component boundaries and st...

Expert in React development with modern patterns, hooks, and performance optimization

React patterns, hooks, state management, performance optimization, component architecture, TypeScript patterns for compo...

Apply when writing React components. Hook discipline, state placement, performance, async cleanup, and list keys.

Use when implementing React 19.3 patterns — use(), useOptimistic, useActionState, useEffectEvent, Activity, ViewTransiti...

Automatically validate React/Next.js components meet WCAG 2.1 AA standards. Use when creating components, forms, buttons...

Implement semantic names, keyboard and focus.

Configure React frontend with django-allauth headless API integration, including authentication UI, auth state managemen...