with one click
init-project
// Initialize NowTS project with app name, purpose, theme, and landing page content
// Initialize NowTS project with app name, purpose, theme, and landing page content
Add or update documentation in content/docs/ for features, APIs, or tools
This skill should be used when the user asks to "optimize", "improve performance", "add caching", "use TanStack Query", "add state management", "use cache", "add URL state", or mentions Zustand, TanStack Form, nuqs, client-side fetching, optimistic updates, React Query, cacheTag, or revalidateTag. Provides best practices for state management, URL state, data fetching, forms, caching, and Next.js optimization.
This skill should be used when the user asks to "create tests", "write tests", "add unit tests", "add e2e tests", "test this component", or mentions testing, Vitest, Playwright, or test coverage. Covers unit tests with Vitest and e2e tests with Playwright including organization logic.
This skill should be used when reviewing server actions, API routes, or pages for security. Use when the user asks to "security check", "review security", "audit code", or mentions authentication, authorization, permissions, or access control validation.
| name | init-project |
| description | Initialize NowTS project with app name, purpose, theme, and landing page content |
| argument-hint | [app-name] |
<when_to_use> Use this workflow when:
No flags - This workflow is fully interactive to gather all necessary information.
<state_variables> Persist throughout all steps:
| Variable | Type | Description |
|---|---|---|
{app_name} | string | Application name |
{app_purpose} | string | Main purpose/description of the app |
{main_features} | list | List of main features |
{has_prd} | boolean | Whether user provided a PRD |
{prd_content} | string | PRD content if provided |
{has_archi} | boolean | Whether user provided architecture doc |
{archi_content} | string | Architecture content if provided |
{theme_command} | string | tinte.dev CLI command for theme |
{language} | string | Detected user language (en/fr) |
{repo_url} | string | New GitHub repository URL (if created) |
| </state_variables> |
<entry_point>
Load steps/step-00-init.md
</entry_point>
<step_files>
| Step | File | Purpose |
|---|---|---|
| 00 | step-00-init.md | Initialize workflow, detect language, parse arguments |
| 01 | step-01-gather-info.md | Gather all project information via questions |
| 02 | step-02-update-claude-md.md | Update CLAUDE.md with project info |
| 03 | step-03-update-config.md | Update site-config.ts and other config files |
| 04 | step-04-update-theme.md | Apply theme from tinte.dev |
| 05 | step-05-update-landing.md | Update landing page copy (background agent) |
| 06 | step-06-setup-env.md | Setup .env with guided variable configuration |
| 07 | step-07-finalize.md | Final validation and summary |
</step_files>
<workflow_diagram>
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā
ā Step 00 āāāāāŗā Step 01 āāāāāŗā Step 02 ā
ā Initialize ā ā Gather Info ā ā CLAUDE.md ā
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā
ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā¼
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā
ā Step 03 āāāāāŗā Step 04 āāāāāŗā Step 05 ā
ā Config ā ā Theme ā ā Landing ā
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā ā (background) ā
āāāāāāāāāāāāāāāā
ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā¼
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā
ā Step 06 āāāāāŗā Step 07 ā
ā Setup .env ā ā Finalize ā
āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā
</workflow_diagram>
<important_files> Files that will be modified:
| File | Changes |
|---|---|
CLAUDE.md | Project description, features, goals |
src/site-config.ts | App name, description, URLs, branding |
app/globals.css | Theme colors from tinte.dev |
app/page.tsx | Landing page structure (if needed) |
src/features/landing/* | Landing page components copy |
.env | Environment variables (created from .env-template) |
| </important_files> |