stacksjs/trifitla

記録された最新のソース活動: 2026年8月11日 03:40

SkillsMP カタログ更新: 2026年11月2日 18:02

収集済み skills: 2

GitHub スター: 0
GitHub フォーク: 0

AI アシスタントでインストール

このプロンプトをコピーして、使用中の AI アシスタントに送ってください。

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

リポジトリの 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 件を表示しています。