Squared Package Architecture FAQs

Name: Squared Package Architecture
Author: lsst-sqre

Question 1

What key capabilities does it provide?

Accepted Answer

It details the 'no build step' approach, provides the required `transpilePackages` configuration for Next.js, enforces a strict CSS Modules-only styling pattern, and explains the dual-project testing infrastructure using Vitest for both unit and Storybook tests.

Question 2

What does the Squared Package Architecture skill do?

Accepted Answer

This skill provides Claude with expert knowledge of the @lsst-sqre/squared component library's unique design. It explains the 'no build step' architecture, CSS Modules styling rules, testing setup, and how to correctly configure consumer apps like Next.js.

Question 3

When should I use this skill?

Accepted Answer

Use this skill when you are developing or modifying components within the `@lsst-sqre/squared` package, setting up a new application to use it, or troubleshooting build, transpilation, or styling issues related to the library.

Question 4

How does this skill improve my workflow?

Accepted Answer

It accelerates development by providing immediate, accurate guidance on architectural rules, preventing common configuration errors. This reduces time spent on troubleshooting build issues and ensures new components adhere to established patterns for styling and testing.

Squared Package Architecture

主要功能

使用场景

Squared Package Architecture

主要功能

使用场景