mindfold-ai / before-frontend-dev

Install for your project team

Run this command in your project directory to install the skill for your entire team:

mkdir -p .claude/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d .claude/skills/before-frontend-dev && rm skill.zip

New-Item -Path ".claude/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".claude/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Project Skills

This skill will be saved in .claude/skills/before-frontend-dev/ and checked into git. All team members will have access to it automatically.

Important: Please verify the skill by reviewing its instructions before using it.

Install skill for Codex

Run one of these commands to install the skill depending on your needs:

Project Local ($CWD/.codex/skills)

mkdir -p .codex/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d .codex/skills/before-frontend-dev && rm skill.zip

New-Item -Path ".codex/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".codex/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

User Global (~/.codex/skills)

mkdir -p ~/.codex/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d ~/.codex/skills/before-frontend-dev && rm skill.zip

New-Item -Path "$HOME/.codex/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.codex/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
REPO	`$CWD/.codex/skills`	Project directory. Teams can check in skills most relevant to a working folder here.
REPO	`$CWD/../.codex/skills`	A folder above CWD. Organizations can check in skills relevant to a shared area.
REPO	`$REPO_ROOT/.codex/skills`	Top-most root folder. Relevant to everyone using the repository.
USER	`$CODEX_HOME/skills`	Personal folder (`~/.codex/skills`). Curate skills that apply to any repository.

Install skill for GitHub Copilot

Run one of these commands to install the skill depending on your needs:

Project (.github/skills)

mkdir -p .github/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d .github/skills/before-frontend-dev && rm skill.zip

New-Item -Path ".github/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".github/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Personal (~/.copilot/skills)

mkdir -p ~/.copilot/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d ~/.copilot/skills/before-frontend-dev && rm skill.zip

New-Item -Path "$HOME/.copilot/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.copilot/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Project	`.github/skills/`	Repository-specific skills. Checked into git for the whole team.
Personal	`~/.copilot/skills/`	Personal skills available across all your projects.

Install skill for Google Antigravity

Run one of these commands to install the skill depending on your needs:

Workspace (.agent/skills)

mkdir -p .agent/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d .agent/skills/before-frontend-dev && rm skill.zip

New-Item -Path ".agent/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath ".agent/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Global (~/.gemini/antigravity/skills)

mkdir -p ~/.gemini/antigravity/skills/before-frontend-dev && curl -L -o skill.zip "https://fastmcp.me/Skills/Download/1691" && unzip -o skill.zip -d ~/.gemini/antigravity/skills/before-frontend-dev && rm skill.zip

New-Item -Path "$HOME/.gemini/antigravity/skills/before-frontend-dev" -ItemType Directory -Force; Invoke-WebRequest -Uri "https://fastmcp.me/Skills/Download/1691" -OutFile "skill.zip"; Expand-Archive -Path "skill.zip" -DestinationPath "$HOME/.gemini/antigravity/skills/before-frontend-dev" -Force; Remove-Item "skill.zip"

Scope	Location	Suggested Use
Workspace	`.agent/skills/`	Workspace-specific skills for project workflows and conventions.
Global	`~/.gemini/antigravity/skills/`	Personal skills available across all workspaces.

Read the frontend development guidelines before starting your development task.

Planning

0 views

0 installs

Source: https://github.com/mindfold-ai/Trellis/tree/main/src/templates/codex/skills/before-frontend-dev

Skill Content

---
name: before-frontend-dev
description: "Read the frontend development guidelines before starting your development task."
---

Read the frontend development guidelines before starting your development task.

Execute these steps:
1. Read `.trellis/spec/frontend/index.md` to understand available guidelines
2. Based on your task, read the relevant guideline files:
   - Component work → `.trellis/spec/frontend/component-guidelines.md`
   - Hook work → `.trellis/spec/frontend/hook-guidelines.md`
   - State management → `.trellis/spec/frontend/state-management.md`
   - Type questions → `.trellis/spec/frontend/type-safety.md`
3. Understand the coding standards and patterns you need to follow
4. Then proceed with your development plan

This step is **mandatory** before writing any frontend code.

mindfold-ai / before-frontend-dev

Install for your project team

Download skill

Enable skills in Claude

Upload to Claude

Install skill for Codex

Install skill for GitHub Copilot

Install skill for Google Antigravity

Skill Content