code-apps

Scaffold Power Platform Code Apps projects with TypeScript, React, Tailwind, and Dataverse connections.

56|20|Updated Oct 9, 2025

Search Tags:#typescript #react #tailwind #ui-design #copilot #dataverse #code-apps

Ready to run

npx skills add https://github.com/geekfujiwara/CodeAppsDevelopmentStandard --skill code-apps-geekfujiwara

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: code-apps
Source: https://github.com/geekfujiwara/CodeAppsDevelopmentStandard/tree/main/.github/skills/code-apps
Command: npx skills add https://github.com/geekfujiwara/CodeAppsDevelopmentStandard --skill code-apps-geekfujiwara

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires requests, python-dotenv, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Code Apps development often requires assembling UI scaffolds, data connections, and deployment steps from scratch. This Skill standardizes and accelerates the process by providing a ready-to-use initialization, a Dataverse integration pattern, and a UI design foundation with TypeScript + React + Tailwind.

Core Features & Use Cases

Unified initialization and deployment workflow for Power Apps Code Apps projects.
UI design scaffold built with TypeScript + React + Tailwind + shadcn/ui, including CSP-conscious patterns for external integrations.
Dataverse connectivity and data source provisioning via generated SDKs, along with client-side lookup name resolution to display friendly names.
Reusable references and scripts to streamline code apps agent and skill usage across projects.
Use Case: Rapidly spin up a code-first app to manage a Dataverse table with UI screens, data fetch, and deployment, then push to a target environment.

Quick Start

Initialize a Code Apps project with Dataverse connectivity and UI scaffolding, then deploy.

Frequently Asked Questions about code-apps

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold a Power Platform Code Apps project with React and Tailwind UI?▼

To scaffold a Code Apps project, this Skill automates initialization by generating a TypeScript + React + Tailwind UI foundation with shadcn/ui components and CSP-conscious integration patterns for immediate development.

How does Dataverse integration work with Code Apps using generated SDKs?▼

Dataverse integration works by provisioning data sources via SDK-generated services and resolving client-side lookup names to display friendly values, automating connectivity within a single Power Platform solution for deployment.

Can I use TypeScript and Tailwind with Power Platform Code Apps deployment workflows?▼

Yes, TypeScript and Tailwind are supported by enforcing best practices for CSP-conscious external integrations and solid deployment patterns, standardizing the end-to-end workflow within a single Power Platform solution.

What is the best way to automate Dataverse table management in a Code Apps UI?▼

The best way to manage Dataverse tables is using this Skill to spin up a code-first app with UI screens, SDK-generated data fetches, lookup resolution, and automated deployment to a target environment.

Do I need Python dependencies to initialize a Code Apps project with Dataverse connectivity?▼

You need the requests and python-dotenv dependencies to run the initialization scripts that wire Dataverse connections and prepare the UI code scaffold for Power Platform deployment.

Why does my Code Apps UI fail to resolve Dataverse lookup names on the client side?▼

Dataverse lookup name resolution fails when client-side SDK services are not properly wired; this Skill enforces best practices by provisioning SDK-generated services to display friendly names correctly.