stacksjs/trifitla

stacksjs 프로필

최근 기록된 소스 활동: 2026년 8월 11일 03:40

SkillsMP 카탈로그 업데이트: 2026년 10월 17일 00:09

수집된 skills: 2

GitHub 스타: 0
GitHub 포크: 0

저장소 README

README 원본 파일: README.md

README 원본 보기

README 전체 펼치기

# TRIFIT LA A redesign of [trifitla.com](https://trifitla.com), the 29,000 square foot club on Colorado Ave in Santa Monica. Built with [Stacks](https://github.com/stacksjs/stacks): STX templates, Crosswind, and Bun. The site is a single marketing page today. Every price, class name, opening hour, and address on it is taken from the live site; there are no invented testimonials, statistics, or partner logos. ## What is here | Path | What it holds | |---|---| | `resources/views/index.stx` | The landing page: markup, design tokens, and page CSS | | `public/images/trifit/` | Facility and class photography | | `config/` | Stacks configuration | | `routes/` | API routes (the page itself is served by STX, no route needed) | ## Design notes - **One accent.** The TRIFIT green (`#5dd37c`) is the only accent, identical in both themes. Neutrals are a cool green-leaning grey. - **Light by default.** The theme guard runs before first paint and only serves dark to a visitor who has chosen it. `?theme=dark` is a non-persisting override for previews. - **Two type families.** Outfit for display and headings, Geist for body. - **One shape system.** Interactive controls are full pill, panels and media are 16px. - **Motion is CSS only.** A load-in on the hero and a `view()` timeline reveal on sections. Everything collapses to static under `prefers-reduced-motion`. ## Develop ```bash ./buddy dev --frontend ``` Then open the printed URL. Lint with `./buddy lint`, type check with `./buddy typecheck`. ## Screenshots and QA The bundled headless-browser skill drives a system Chromium over CDP with no extra dependencies: ```bash bun storage/framework/defaults/ai/skills/stacks-browse/scripts/browse.ts responsive http://localhost:3001/ ``` ## Credits Photography belongs to TRIFIT LA. This repository is a design exercise, not an official TRIFIT LA property.

저장소 README를 불러오는 중…

이 저장소의 skills

소프트웨어 개발자 소프트웨어 품질 보증 분석가·테스터

직업 카테고리 2개 · 100% 분류됨

skill

직업 분류

설명

업데이트

stacks-browse

소프트웨어 품질 보증 분석가·테스터

Use for headless browser QA on Stacks applications — navigation, screenshots, responsive testing, console/network monitoring, and accessibility snapshots. Dependency-free: drives a system browser over the Chrome DevTools Protocol using only Bun (no…

원문 언어: 영어

2026-08-11

stacks-orm

소프트웨어 개발자

Use when working with the Stacks ORM — defining models with defineModel(), model relationships (hasOne, hasMany, belongsTo, belongsToMany, morphOne, hasManyThrough), attributes, traits, factories, computed properties, query building, transactions, or the 50+…

원문 언어: 영어

2026-08-11

수집된 skill 2개 중 2개를 표시합니다.

AI 어시스턴트로 설치

이 프롬프트를 복사해 사용 중인 AI 어시스턴트에 입력하세요.

Follow https://skillsmp.com/skill-install/prompt.md to install Agent Skills from https://github.com/stacksjs/trifitla.