agents-solid

Enforce SolidJS frontend best practices for TypeScript projects using Tailwind CSS and shadcn-solid.

1|Updated Jan 6, 2026
One-click install
npx skills add https://github.com/yanun0323/.codex --skill agents-solid
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: agents-solid
Source: https://github.com/yanun0323/.codex/tree/main/skills/agents-solid
Command: npx skills add https://github.com/yanun0323/.codex --skill agents-solid

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill defines and enforces SolidJS frontend best practices to eliminate fragmentation in architecture, data flow, and UI patterns across a codebase.

Core Features & Use Cases

  • Provides stack and constraint guidance for SolidJS + TypeScript with Tailwind CSS and existing tooling.
  • Covers data fetching, loading/empty/error/success UI states, error mapping, i18n copy rules, validation, security, and testing workflows.
  • Use case: standardize component composition using shadcn-solid, ensure UI components are sourced locally, and prevent unauthorized library changes.

Quick Start

Begin by applying the skill’s governance to your SolidJS codebase to align components, data flows, and testing with the SKILL.md guidelines.

Frequently Asked Questions about agents-solid

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

FAQPage Schema
How do I enforce SolidJS frontend best practices for consistent UI patterns?

You can enforce SolidJS frontend best practices by applying governance rules that standardize component composition using shadcn-solid, ensuring UI components are sourced locally, and preventing unauthorized library changes across your codebase.

What's the best way to structure loading and error UI states in a SolidJS project?

The best way to structure SolidJS UI states is by following standardized guidelines that cover loading, empty, error, and success states, ensuring consistent architecture and data flow patterns across your TypeScript project.

Does this SolidJS best practices guidance work with Tailwind CSS and shadcn-solid?

Yes, this SolidJS best practices guidance explicitly supports TypeScript projects using Tailwind CSS and shadcn-solid, providing stack constraints and rules for component composition, data fetching, and validation workflows.

How do I standardize data fetching and validation rules in a SolidJS application?

You can standardize SolidJS data fetching and validation by applying repository conventions and folder boundaries that define explicit references, ensuring consistent architecture and preventing fragmentation in data flow.

Can I use this to set up i18n copy rules and security conventions for SolidJS?

Yes, you can use this to set up i18n copy rules and security conventions for SolidJS, as it covers internationalization, security workflows, and testing guidelines to eliminate fragmentation across your frontend codebase.

Why does my SolidJS codebase suffer from fragmented architecture and inconsistent UI components?

Your SolidJS codebase suffers from fragmentation when there are no enforced best practices for architecture and UI patterns, a problem solved by applying standardized guidelines for component sourcing, data flow, and folder boundaries.