01
このSkillでできること
- ✓Tina4PascalのHTML駆動ネイティブUIスタックを開発・保守する
- ✓Tina4Delphiのレンダリングコードを移植する
- ✓macOSからWindows、Linux、Android、iOS向けにPascalをクロスコンパイルする
- ✓DOM、CSS、レイアウト、htmlviewer関連のテストを検証する
02
使い方
01
STEP 1
コア、描画コントラクト、OS別シェルの3層構成を維持する
02
STEP 2
実コンパイラとテストスイートで変更を検証する
03
STEP 3
ターゲットごとに出力先を分離し、対象OSのコンパイル条件を守る
04
STEP 4
iOSは物理デバイス向けの検証とし、シミュレータ実行を前提にしない
03
Skillのインストール
初心者におすすめ
AIにこのSkillを追加してもらう
GitHub URLごとCodexやClaude Codeへ渡し、現在の環境に合う方法を判断してもらいます。
このGitHubリポジトリにあるSkillを確認し、現在の環境に適した方法でインストールしてください。
インストール後、正常に利用できることを確認し、基本的な使い方も簡潔に説明してください。
Repository:
https://github.com/tina4stack/tina4pascal手動でインストールする
README / SKILL.mdから機械抽出できたコマンドのみ表示しています。推測したコマンドではありません。
curl -fsSL https://raw.githubusercontent.com/tina4stack/tina4pascal/main/scripts/install.sh | shcd examples/htmlviewer
mkdir -p csscache && curl -sL -o csscache/bootstrap.min.css \
https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css
PPC_CONFIG_PATH=$HOME/fpc/etc $HOME/fpc/bin/fpc -Mdelphi -Fu../../src htmlviewer.pas
./htmlviewer # renders bootstrap_test.html; clicks print events
./htmlviewer --snapshot out.png # self-screenshot (seed of headless mode)04
このSkillを使うプロンプト例
Skill名を明示すると、意図したSkillを使わせやすくなります。自動発動型では必須とは限りません。
Tina4PascalのDOMレイアウトを変更し、対応するPascalコードとテストを確認してください。コアのOS依存を避け、対象プラットフォームごとの検証結果も示してください。出力例を見る
🦩 DOMレイアウトの変更内容と検証結果を整理しました。iOSについてはデバイス向けリンク確認と実機実行を分けて報告します。💥 Bazinga! 💥05
安全性チェック
自動解析による参考情報です。Skillの安全性を保証するものではありません。
外部API通信検出あり
Shellコマンド実行検出あり
ファイル読み取り明確な記述なし
ファイル書き込み明確な記述なし
ネットワークアクセス検出あり
認証情報明確な記述なし
検出根拠を見る
- shell: this stack. Presets install it into the common tools: ```sh ./scripts/install-skills.sh # all presets ./scripts/install-skills.sh claude #
- network: plate engine. MIT licensed, part of the [Tina4 stack](https://tina4.com).
- network: /Tina4ShellCocoa.pas`) — window, blit, input, image fetch/decode. Keep each under ~500 lines; if a shell grows logic, that logic probably belong
06