세분화된 반응성을 갖춘 반응형 웹 애플리케이션을 구축하기 위한 SolidJS 프레임워크 개발 기술입니다. 다음을 포함하여 SolidJS 프로젝트 작업 시 사용합니다. (1) 신호, 저장 및 효과가 포함된 구성 요소 생성, (2) 반응 상태 관리 구현, (3) 제어 흐름 구성 요소(Show, For, Switch/Match) 사용, (4) Solid Router로 라우팅 설정, (5) SolidStart로 풀 스택 앱 구축, (6) createResource를 사용한 데이터 가져오기, (7) 공유 상태를 위한 Context API, (8) SSR/SSG 구성. 트리거: solid, solidjs, solid-js, solid start, solidstart, createSignal, createStore, createEffect.
명령줄에서 solidjs AI 스킬을 개발 환경에 빠르게 설치
출처: fjrevoredo/mini-diarium.
SolidJS is a declarative JavaScript library for building user interfaces with fine-grained reactivity. Unlike virtual DOM frameworks, Solid compiles templates to real DOM nodes and updates them with fine-grained reactions.
Note: item is a signal, index is the value. Better for primitive arrays or inputs.
세분화된 반응성을 갖춘 반응형 웹 애플리케이션을 구축하기 위한 SolidJS 프레임워크 개발 기술입니다. 다음을 포함하여 SolidJS 프로젝트 작업 시 사용합니다. (1) 신호, 저장 및 효과가 포함된 구성 요소 생성, (2) 반응 상태 관리 구현, (3) 제어 흐름 구성 요소(Show, For, Switch/Match) 사용, (4) Solid Router로 라우팅 설정, (5) SolidStart로 풀 스택 앱 구축, (6) createResource를 사용한 데이터 가져오기, (7) 공유 상태를 위한 Context API, (8) SSR/SSG 구성. 트리거: solid, solidjs, solid-js, solid start, solidstart, createSignal, createStore, createEffect. 출처: fjrevoredo/mini-diarium.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/fjrevoredo/mini-diarium --skill solidjs세분화된 반응성을 갖춘 반응형 웹 애플리케이션을 구축하기 위한 SolidJS 프레임워크 개발 기술입니다. 다음을 포함하여 SolidJS 프로젝트 작업 시 사용합니다. (1) 신호, 저장 및 효과가 포함된 구성 요소 생성, (2) 반응 상태 관리 구현, (3) 제어 흐름 구성 요소(Show, For, Switch/Match) 사용, (4) Solid Router로 라우팅 설정, (5) SolidStart로 풀 스택 앱 구축, (6) createResource를 사용한 데이터 가져오기, (7) 공유 상태를 위한 Context API, (8) SSR/SSG 구성. 트리거: solid, solidjs, solid-js, solid start, solidstart, createSignal, createStore, createEffect. 출처: fjrevoredo/mini-diarium.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/fjrevoredo/mini-diarium --skill solidjs 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/fjrevoredo/mini-diarium