first-commit
KitsStacksBrandsDocsChangelog
GitHub1
first-commit

Projects ready for your agent from the first commit.

Skills come from skills.sh

Made with by Marlon Chaviano

Explore

  • Kits
  • Stacks
  • Brands
  • Changelog

Docs

  • Introduction
  • CLI
  • Create a kit
  • API
  • FAQ

Project

  • About
  • Contact
  • Privacy
  • Terms
  • Content policy
  • GitHub
  1. kits
  2. figma-plugin
TypeScript

Figma plugin

Officialv1.0.0

figma-plugin

A Figma plugin in TypeScript: logic with the typed API, an HTML interface and an esbuild build, ready to load from the desktop app.

figmaplugindesigntypescript
Installs
0
People
0
Skills
14
Extensions
TypeScriptTypeScript

Project

Its name, which agents, and which package manager.

Agents

Package manager

Skills

15 will be installed for your agent.

Skill

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

7 commands8 filesfirst commit

  1. Create the base project$ mkdir figma-plugin && cd figma-plugin && printf '%s\n' '{"name": "figma-plugin", "version": "0.1.0", "private": true}' > package.json
  2. Add dev dependencies$ npm install -D typescript @figma/plugin-typings esbuild
  3. Write 6 files
    • package.json
    • tsconfig.json
    • manifest.json
  4. Install skills from 5 repositories
    • obra/superpowers
    • addyosmani/agent-skills
    • mattpocock/skills
    • vercel-labs/skills
    • Marlon-Chaviano/first-commit
  5. Write 2 files
    • AGENTS.md
    • CLAUDE.md
  6. Initial commit

Install

3 dependencies · 15 skills

$ npx create-first-commit@latest figma-plugin

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
Essential skills
Dependencies
typescript@figma/plugin-typingsesbuild
MCP servers
—
Environment variables
—
Files
package.jsontsconfig.jsonmanifest.jsonsrc/code.tsui.html.gitignore
First steps
1 tasks for the agent
$ npx create-first-commit@latest figma-plugin

Details

Author
MCMarlon Chaviano
Verification
Unverified · create-first-commit test in CI
Badge
first-commit: installs of figma-plugin

Project

Its name, which agents, and which package manager.

Agents

Package manager

Skills

15 will be installed for your agent.

Skill

What will run

The CLI's exact steps with these options, in order. It shows them again and waits for your yes before running anything.

7 commands8 filesfirst commit

  1. Create the base project$ mkdir figma-plugin && cd figma-plugin && printf '%s\n' '{"name": "figma-plugin", "version": "0.1.0", "private": true}' > package.json
  2. Add dev dependencies$ npm install -D typescript @figma/plugin-typings esbuild
  3. Write 6 files
    • package.json
    • tsconfig.json
    • manifest.json
  4. Install skills from 5 repositories
    • obra/superpowers
    • addyosmani/agent-skills
    • mattpocock/skills
    • vercel-labs/skills
    • Marlon-Chaviano/first-commit
  5. Write 2 files
    • AGENTS.md
    • CLAUDE.md
  6. Initial commit

Install

3 dependencies · 15 skills

$ npx create-first-commit@latest figma-plugin

Add --dry-run to see the plan without running anything.

What's included

Rules in AGENTS.md
Essential skills
Dependencies
typescript@figma/plugin-typingsesbuild
MCP servers
—
Environment variables
—
Files
package.jsontsconfig.jsonmanifest.jsonsrc/code.tsui.html.gitignore
First steps
1 tasks for the agent

Details

Author
MCMarlon Chaviano
Verification
Unverified · create-first-commit test in CI
Badge
first-commit: installs of figma-plugin
$ npx create-first-commit@latest figma-plugin