react-dev
82Build Type-Safe React Components
by softaworks
React TypeScript work often needs precise event, hook, and route types. This skill provides focused patterns for typed components, React 19 APIs, and routing.
Build Terminal Interfaces with OpenTUI
OpenTUI development spans several APIs and scattered implementation details. This skill routes each task to focused Core, React, Solid, component, layout, and testing guidance.
Stop for confirmation before installing.
Review the plan and obtain explicit user consent before changing files.
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "opentui" from https://skillstore.io/skills/msmps-opentui.md and its manifest at https://skillstore.io/api/skills/msmps-opentui/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Your Agent should still show its plan and request any confirmation required by the security policy.
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Using "opentui". Recommend an API for a high-frequency monitoring dashboard with minimal framework overhead.
Expected outcome:
Use the Core API for direct renderable control and lower framework overhead. Organize status panels with flex layouts and update existing renderables.
Using "opentui". Explain why my Solid text input does not update when I use the React event pattern.
Expected outcome:
Solid input components use the Solid-specific input event naming. Replace the React change handler, then verify focus and signal updates.
Using "opentui". Outline tests for a keyboard-driven selector.
Expected outcome:
Create a test renderer, focus the selector, emit navigation and selection keys, assert visible state, capture a stable snapshot, and destroy the renderer.
All 328 static findings are false positives caused by documentation links, code formatting, framework terminology, and benign examples. Semantic review found plaintext password logging and permissive SSH authentication examples. Both should be corrected before publication.
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
https://skillstore.io/skills/msmps-opentui/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/msmps-opentui?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/msmps-opentui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/msmps-opentui/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/msmps-opentui.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>msmps. (2026). opentui security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/msmps-opentui/audits/7@techreport{msmps-msmps-opentui-2026,
author = {msmps},
title = {opentui security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/msmps-opentui/audits/7},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "opentui security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "msmps"
date-released: "2026-08-09"
url: "https://skillstore.io/skills/msmps-opentui/audits/7"
identifiers:
- type: other
value: "skillstore:msmps-opentui:audit:7"
description: "Skillstore immutable audit report identifier"
Design responsive panels, status views, keyboard navigation, and loading states with the appropriate OpenTUI API.
Convert command output into structured text, forms, selectors, scrollable regions, and focused interactions.
Diagnose rendering, cleanup, focus, layout, configuration, and snapshot problems using targeted references.
I am building [application]. Compare Core, React, and Solid for my requirements: [requirements]. Recommend one and explain the tradeoffs.
Create an OpenTUI [Core/React/Solid] component for [workflow]. Include layout, focus behavior, keyboard controls, empty states, and cleanup.
Diagnose this OpenTUI problem: [symptoms]. Review runtime cleanup, focus, layout, framework configuration, and testing concerns. Propose a minimal fix.
Design an OpenTUI architecture for [system]. Cover framework choice, component boundaries, keymaps, responsive layout, async data, testing, accessibility, and platform constraints.
Author
msmpsLicense
MIT
Skillstore revision
r2
Version notice
The author did not declare a version.
Ref
02be9409c79ca1183f7844009c14d9df684d0cf9
Maintenance freshness
8/11/2026
Usage
2 downloads ยท 0 views
File structure
๐ references/
๐ animation/
๐ REFERENCE.md
๐ components/
๐ code-diff.md
๐ containers.md
๐ inputs.md
๐ REFERENCE.md
๐ text-display.md
๐ core/
๐ api.md
๐ configuration.md
๐ gotchas.md
๐ patterns.md
๐ REFERENCE.md
๐ keyboard/
๐ REFERENCE.md
๐ keymap/
๐ REFERENCE.md
๐ layout/
๐ patterns.md
๐ REFERENCE.md
๐ react/
๐ api.md
๐ configuration.md
๐ gotchas.md
๐ patterns.md
๐ REFERENCE.md
๐ solid/
๐ api.md
๐ configuration.md
๐ gotchas.md
๐ patterns.md
๐ REFERENCE.md
๐ testing/
๐ REFERENCE.md
๐ SKILL.md
Build Type-Safe React Components
by softaworks
React TypeScript work often needs precise event, hook, and route types. This skill provides focused patterns for typed components, React 19 APIs, and routing.
Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Build Modern React and Next.js Apps
by sickn33
React and Next.js projects often need consistent setup choices across routing, components, styling, data, forms, tests, and deployment. This skill gives Claude, Codex, and Claude Code a phase-based workflow for planning and building modern frontend applications.
Build Reliable Playwright Tests
by C0ntr0lledCha0s
Playwright test suites can become flaky, slow, and difficult to maintain. This skill provides practical patterns for locators, fixtures, page objects, debugging, mocking, and configuration.
Build Starknet Apps with starknet.js
by internet-court
Starknet integrations require precise provider, account, transaction, and fee handling across several APIs. This skill provides focused starknet.js v9.x patterns for reliable TypeScript applications.
Improve Vue 3 Code Quality
by vuejs-ai
Vue projects often collect reactivity, component, and performance mistakes over time. This skill gives targeted Vue 3 guidance for safer patterns and clearer code.