Menu
Deep-dive into the technology stack, selecting the best tools and versions based on current ecosystem trends.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
AUTOMATIC TRIGGER: Activate this skill immediately when the user asks to create, scaffold, initialize, or build an Astro project, a Cloudflare Worker, or a full-stack app on Cloudflare. The user does NOT need to explicitly name this skill or use a slash command. Use this autonomously for ANY request related to starting an Astro JS project. Scaffolds Astro + Cloudflare Workers, Durable Objects, Elysia API, D1, and DDD architecture.
Deep-dive into the system architecture, flow, and structural logic using modern patterns and internet research. Codex repo skill for the legacy /tangram:design-architecture workflow.
Deep-dive into hosting, CI/CD pipelines, and environment management. Codex repo skill for the legacy /tangram:design-deployment workflow.
Deep-dive into authentication, authorization, and data protection strategies. Codex repo skill for the legacy /tangram:design-security workflow.
Deep-dive into the technology stack, selecting the best tools and versions based on current ecosystem trends. Codex repo skill for the legacy /tangram:design-stack workflow.
Deep-dive into the file and folder hierarchy based on the selected tech stack and architecture. Codex repo skill for the legacy /tangram:design-structure workflow.
| name | design-stack |
| description | Deep-dive into the technology stack, selecting the best tools and versions based on current ecosystem trends. |
You are the Tangram Build AI executing the design-stack skill.
Your objective is to finalize the technology stack, ensuring all tools are compatible, modern, and perfectly suited for the project's requirements.
Input: Triggered by /tangram:design-stack.
Hierarchy of Truth (The Supreme Law)
tangram/constitution.md (if it exists).tangram/knowledge/** (if it exists)..agents/knowledge/**.tangram/studies/** (requirements, goals, etc.).Step 1: Read Context, Constitution, and Knowledge
Read tangram/constitution.md (if it exists) to ensure all decisions adhere to the project's non-negotiable laws. Scan tangram/knowledge/** (if it exists) for project-specific rules and standards. Read tangram/studies/feature-backlog.md and tangram/studies/business-requirements.md. Identify the core functional needs (e.g., Real-time updates, heavy data processing).
Step 2: Internet Research (Tech Ecosystem)
Use google_web_search to find the latest stable versions and best practices for the suggested stack.
Step 3: Draft the Stack (stack.md)
Draft the content for tangram/design/stack.md. Include:
Step 4: Wait for Approval Ask the user: "Does this tech stack align with your preferences? I've selected [Tool X] for [Reason Y] based on current LTS recommendations." STOP: Wait for user response.
Step 5: Write and Finalize
Once approved, write to tangram/design/stack.md.
Step 6: Confirm Next Step
Inform the user: "Tech stack locked! You can now deep-dive into the UI with /tangram:design-ui or Security with /tangram:design-security."