softinter-chiangrai/up-ai-skill-training

d2-00-angular-tailwind-init

Scaffolds up-app (Angular 22 + Tailwind CSS). CRUD drill Day 2 step 0. Trigger: 'day2 step0', 'create up-app'.

First seen Aug 7, 2026

Installation

$ npx skills add softinter-chiangrai/up-ai-skill-training --skill d2-00-angular-tailwind-init

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

Also in this package

Other skills from softinter-chiangrai/up-ai-skill-training · top by installs.

npx skills add softinter-chiangrai/up-ai-skill-training

Browse all from softinter-chiangrai/up-ai-skill-training

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Default branch main
Open issues 0
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

CompatibilityRequires Node.js and the Angular CLI (22.x).

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,429 B
  • docs SUMMARY.md 145 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 47 installs

SKILL.md

Day 2 · Step 0 — Create up-app + Tailwind

```Run bash ng new up-app --routing --style=css --standalone cd up-app npm install tailwindcss @tailwindcss/postcss postcss --save-dev


Add `.postcssrc.json` (or `postcss.config.js`) registering `@tailwindcss/postcss`; in `src/styles.css`:

@import "tailwindcss";


Create `tailwind.config.ts` for consistent design:

import type { Config } from "tailwindcss";

export default { content: [ "./src/**/*.{html,ts}", ], theme: { extend: {}, }, plugins: [], } satisfies Config;


**Note:** Use standard Tailwind colors and spacing (e.g., `bg-blue-500`, `p-6`, `gap-4`) in templates. This ensures all classes are recognized and styled correctly by Tailwind.

`src/app/app.ts`:

import { RouterOutlet } from '@angular/router';

export const AppComponent = { selector: 'app-root', // ... other metadata imports: [RouterOutlet], template: <router-outlet/> };


`src/app/app.html` — replace entire file with:

<router-outlet/>


No bundled Tailwind schematic in Angular 22 — manual install. Check Tailwind's current Angular docs if wiring errors (changes between majors).