timzaakCommunity·22 Agent Skills Included

web-dev-skills

Structured full-stack development workflow from decision to release

Orchestrates the complete software delivery pipeline: product decisions, PRDs, technical design, task planning, phased implementation, testing, and acceptance. Eliminates vague requirements, untracked decisions, and unverified code by enforcing quality gates and decision logs at every stage. Covers Rust backends, React frontends, Flutter apps, Figma-to-code conversion, and Playwright E2E demos with resumable batch runs.

64|6

↗

npx skills add timzaak/web-dev-skills --all -g -y

Available:

Defines how the agent should structure skills, route work between orchestration stages and role-based sub-agents, and enforce shared contracts, validation, and recovery rules when executing this workflow.

All Skills in This Repository (22)

Pure Emerald Level Indicators

📦 In Repo

timzaak

t-push

Summarize git diff changes into commit messages and run local CI before pushing.

t-prd-check

Check PRD drafts, HTML previews, and user stories for consistency and INVEST quality.

t-release

Automate version bumps, release tagging, and pushing release commits to git remotes.

t-demo-accept

Validate demo test coverage against user stories and generate acceptance reports.

t-task

Convert design documents into phased task plans with dependencies.

t-ui-design

Generate HTML UI variants and a spec from PRD inputs.

t-design

Generate technical designs with API interfaces, data models, and integration points.

t-html-show

Convert Markdown documents into self-contained HTML previews.

t-design-check

Evaluate technical design documents against a rubric and produce a 100-point quality report.

t-tech-research

Analyze codebases and dependencies to assess feature feasibility and integration risks.

t-demo-run-all

Discover and execute demo E2E tests sequentially with Markdown and JSON reports.

t-prd-publish

Summarize draft PRD discrepancies against delivered artifacts and update the formal PRD.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install web-dev-skills?▼

Run `npx skills add timzaak/web-dev-skills --all -g -y` in your terminal to install all skills in this collection globally.

What does the t-tools workflow cover?▼

It guides a feature from product decision through PRD, technical design, task breakdown, phased implementation, testing, demo acceptance, and release, with quality checks at each stage.

Which tech stacks are supported?▼

The workflow targets Rust backends with Axum and SeaORM, React frontends with TypeScript and TanStack, Flutter mobile apps, and WeChat mini-programs, plus Playwright and Patrol demo testing.

Can it convert Figma designs into code?▼

Yes. Dedicated skills download Figma assets, reconstruct full pages, refine specific regions, and polish animations with measurable visual acceptance checks.

Do I need to follow every quality check?▼

No. PRD, design, and task checks are optional gates recommended for high-risk work; simple changes can move directly from design to task execution.