frontendtechnical-spec
フロントエンドの環境変数、コンポーネント設計、データフローを定義。React環境設定時に使用。
Skills matching the name, description or GitHub author.
フロントエンドの環境変数、コンポーネント設計、データフローを定義。React環境設定時に使用。
React/TypeScriptの型安全性、コンポーネント設計、状態管理ルールを適用。Reactコンポーネント実装時に使用。
Designs tests with React Testing Library and MSW. Applies component testing patterns.
React Testing LibraryとMSWでテストを設計。コンポーネントテストパターンを適用。
Defines frontend environment variables, component design, and data flow patterns. Use when configuring React environment.
Applies React/TypeScript type safety, component design, and state management rules. Use when implementing React components.
Frontend development with React, Vue, Angular, modern web technologies. Use for frontend, ui, react, vue, angular, web, component tags. Provides validation commands, component patterns, accessibility guidance.
Help users create hooks that integrate with Task Orchestrator's workflow cascade events. Works with any MCP client (Claude Code, Claude Desktop, Cursor, Windsurf, etc.). Use when user wants to create hooks, aut...
Comprehensive OpenTUI skill for building terminal user interfaces. Covers the core imperative API, React reconciler, and Solid reconciler. Use for any TUI development task including components, layout, keyboard...
Svelte runes guidance. Use for reactive state, props, effects, attachments, or migration. Covers $state, $derived, $effect, @attach. Prevents reactivity mistakes.
Create React/Vue component with TypeScript, tests, and styles. Auto-invoke when user says "create component", "add component", "new component", or "build component".
Angular forms: Signal Forms (experimental) and Reactive Forms. Trigger: When working with forms, validation, or form state in Angular.
Standards for managing local, global, and server state.
TypeScript patterns specific to React components and hooks.
Simple and powerful reactive state management using GetX.
Testing strategies with RTL and Jest/Vitest.
Optimization strategies for React applications (Client & Server).
Debugging, build analysis, and ecosystem tools.
Best practices for React Hooks usage and custom hook creation.
Modern React component architecture and composition patterns.
Reactive state management using Riverpod 2.0 with code generation.
Security practices for React (XSS, Auth, Dependencies).
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, da...
Auto-invoke when reviewing React, Vue, or frontend component code. Enforces component architecture, state management patterns, and UI best practices.
The default order uses GitHub repository stars from our indexed data. Stars belong to the source repository and may be shared by multiple skills. They indicate repository interest, not skill installs or an independent quality score.