Claude MarketplacesSubmit
different-ai avatar

Solidjs Patterns

different-ai/openwork

Teaches Claude the reactive patterns OpenWork uses for SolidJS, specifically how to avoid the "shared global flag" trap that causes UI bugs. The core idea is simple: give each async action its own pending signal instead of reusing one busy() flag everywhere, derive UI state with createMemo(), and treat signal values as immutable. It's focused on preventing state coupling bugs, which in SolidJS usually show up as unrelated UI elements getting stuck rather than rerender issues. If you're building with signals and keep running into mysterious button states or disabled inputs that shouldn't be disabled, this codifies the scoping discipline that prevents those problems.

skills.sh installs
570
GitHub stars
24.5K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add different-ai/openwork --skill solidjs-patterns --agent claude-code

Installs into .claude/skills of the current project.

Files

Teaches Claude the reactive patterns OpenWork uses for SolidJS, specifically how to avoid the "shared global flag" trap that causes UI bugs. The core idea is simple: give each async action its own pending signal instead of reusing one busy() flag everywhere, derive UI state with createMemo(), and treat signal values as immutable. It's focused on preventing state coupling bugs, which in SolidJS usually show up as unrelated UI elements getting stuck rather than rerender issues. If you're building with signals and keep running into mysterious button states or disabled inputs that shouldn't be disabled, this codifies the scoping discipline that prevents those problems.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/different-ai/openwork
Category
Frontend Development
First seen
May 16, 2026

More from different-ai/openwork

All 6

Recommended

More Frontend Development
1plugin87 avatardesign-codeplugin87/ux-ui-agent-skillsGenerate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte, Angular, Solid, Web Compon569skills.sh installs
2sickn33 avatarui-visual-validatorsickn33/antigravity-awesome-skillsui visual validator565skills.sh installs
3bencium avatarui-typographybencium/bencium-claude-code-design-skillui typography564skills.sh installs
4paulirish avatarmodern-csspaulirish/dotfilesSpecialized knowledge for writing modern high-quality CSS. Trigger this skill when starting a new CSS project/file, when the user asks about new CSS features (e559skills.sh installs
5plugin87 avatarbrandkitplugin87/ux-ui-agent-skillsGenerate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing, radius, shadow, motion), 558skills.sh installs
6storybookjs avatarsetup-react-native-storybookstorybookjs/react-nativeSet up Storybook for React Native in Expo, React Native CLI, or Re.Pack projects. Use when adding Storybook to a project, configuring metro.config.js with withS557skills.sh installs