skills.rest
emeraldwalk
emeraldwalkOFFICIAL
Explore all skills by this author →
GitHub

solidjs

Create SolidJS + Vite PWA projects with component and CSS conventions.

Updated Feb 25, 2026
Search Tags:#frontend development#Vite#PWA#SolidJS#CSS modules
One-click install
npx skills add https://github.com/emeraldwalk/skills --skill solidjs-emeraldwalk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: solidjs
Source: https://github.com/emeraldwalk/skills/tree/main/solidjs
Command: npx skills add https://github.com/emeraldwalk/skills --skill solidjs-emeraldwalk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit addresses the complexity of SolidJS development by providing conventions, patterns, and a PWA project scaffold, simplifying component creation, CSS management, and PWA deployment.

Core Features & Use Cases

  • Frontend Conventions: Offers guidelines for component decomposition, CSS module usage, layout preferences, and design token management.
  • PWA Scaffold: Includes instructions for setting up a SolidJS + Vite + PWA project, addressing common pitfalls and ensuring smooth deployment.
  • Use Case: Ideal for developers who need to build or modify SolidJS components, implement CSS modules, and deploy PWA projects efficiently.

Quick Start

Use the solidjs skill to generate a new PWA project using the SolidJS + Vite template.

Frequently Asked Questions about solidjs

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up a SolidJS PWA project with Vite?▼

You can set up a SolidJS PWA project by using the SolidJS + Vite template included in this skill to generate a new scaffold, which helps avoid common setup pitfalls and ensures a smooth deployment process.

What are the best practices for SolidJS component structure and CSS modules?▼

Best practices for SolidJS development include following specific conventions for component decomposition, using CSS modules for styling, and managing design tokens effectively to streamline your frontend architecture.

Does this skill provide guidelines for managing design tokens in SolidJS?▼

Yes, the skill provides frontend conventions that cover design token management, layout preferences, and CSS module implementation to simplify SolidJS component creation and styling.

Why do I need specific conventions for SolidJS frontend development?▼

You need specific conventions for SolidJS development to address the complexity of building components, managing CSS modules, and deploying PWA projects by providing standardized patterns and a project scaffold.

Can I use this skill to modify existing SolidJS components and implement CSS modules?▼

Yes, this skill is ideal for developers who need to build or modify SolidJS components, implement CSS modules, and deploy PWA projects efficiently using the provided guidelines and patterns.

Related Skills

Explore More Software Engineering Skills→
GemachDAOGemachDAO
4

gdex-ui-install-setup

Scaffold a React or Next.js project with a GDEX SDK provider.

Official
Intermediate
Celia-12Celia-12

deployment

Configure deployment targets, run/build commands, and static directories for MERN applications.

Community
Intermediate
zero3041zero3041
1

verification-loop

Automate build, type, lint, test, and security checks for Claude Code sessions.

Community
Advanced
ehtbantonehtbanton

solid-component-generator

Generate SolidJS components with TypeScript and reactive primitives.

Community
Basic