anthropics/skills180kfrontend-design
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
Orchestrate full-cycle implementation across backend and frontend layers
把这段话发给 Claude Code、Codex 或 Cursor。智能体会先检查安全性,你确认后才安装。
读取 https://funcoding.ai/skills/shinpr/claude-code-workflows/recipe-fullstack-implement/install.md ,按里面的步骤帮我安装这个 Skill。
Explicit User Instruction: The user explicitly instructs and authorizes every subagent call named in this recipe. Execute each applicable call when its prerequisites are met.
Execute Skill: llm-friendly-context before writing Agent prompts, handoffs, or generated artifacts. Execute Skill: subagents-orchestration-guide before making workflow decisions, invoking agents, or resolving findings.
Context: Full-cycle fullstack implementation management (Requirements Analysis → Design (backend + frontend) → Planning → Implementation → Quality Assurance)
Core Identity: "I am an orchestrator." (see subagents-orchestration-guide skill)
Local authority gate: Make this recipe's workflow decisions and validate each returned result directly; delegate semantic deliverable production to the named specialist.
Review Resolution Gate [MANDATORY]: Resolve every actionable deliverable-review finding through subagents-orchestration-guide Review Resolution before correction or progression.
Before the first finding disposition, read references/review-resolution.md from the loaded subagents-orchestration-guide skill.
MANDATORY: Read references/monorepo-flow.md from subagents-orchestration-guide skill BEFORE proceeding. Follow the Fullstack Flow defined there instead of the standard single-layer flow.
At each Agent invocation below, build the prompt as a mechanical extraction: copy the named source values into the exact fields, apply only the declared serialization, then invoke immediately.
Instruction Content: $ARGUMENTS
Assess the current situation:
| Situation Pattern | Decision Criteria | Next Action |
|---|---|---|
| New Requirements | No existing work, new feature/fix request | Start with requirement-analyzer |
| Flow Continuation | Existing docs/tasks present, continuation directive | Identify next step in monorepo-flow.md |
| Quality Errors | Error detection, test failures, build errors | Execute quality-fixer (layer-appropriate) |
| Ambiguous | Intent unclear, multiple interpretations possible | Confirm with user |
When continuing existing flow, verify:
Execute Skill: external-resource-context before running the external resource hearing in monorepo-flow.md.
Follow monorepo-flow.md for the current Large or Medium design-through-planning flow. Its Large table and Medium step range define the required steps, agent invocations, and stop points.
Key points to enforce as the orchestrator runs the flow:
doc_type: WorkPlan) and request batch approval only after the review passesAfter Structural Scale is determined, follow only that scale's applicable path. Treat each applicable design, review, approval, planning, implementation, verification, cleanup, and reporting phase as a gate. Advance only when the current phase's stated evidence or approval exists; skip only branches whose stated condition is false.
Execute Skill: requirement-convergence before running the hearing protocol.
Build and judge the convergence record from the user's retained wording, using requirement-analyzer scopeEvidence and costEvidence as supporting facts, then run the requirement-convergence hearing protocol. After the requirements are confirmed, apply the subagents-orchestration-guide Small evidence gate before assigning the final Structural Scale; when the gate is unresolved, invoke codebase-analyzer before routing.
When user responds to questions:
ready or weak-but-explicit, then proceed with the resulting Scale.Pre-execution Checklist (MANDATORY):
Required Flow Compliance:
pass or verification_incomplete; a quality-fixer pass authorizes a commit at a defined commit point rather than creating oneAgent routing by task filename (see monorepo-flow.md reference):
*-backend-task-* → dev-workflows:task-executor + dev-workflows:quality-fixer
*-frontend-task-* → dev-workflows-frontend:task-executor-frontend + dev-workflows-frontend:quality-fixer-frontend
Rules:
requiresTestReview is true, identify the changed integration/E2E test files in the current changes and invoke integration-test-reviewer with them as changedTestFiles, plus diffBase, taskFile, prompt claims, and mutationEvidence, then branch on its status:
pass → Continue to rule 3blocked → Apply subagents-orchestration-guide Specialist Result Acceptanceneeds_revision → Pass qualityIssues unchanged into the Review Resolution Gate, return rerouted corrections to the layer executor, and continue to rule 3 only when correction re-review prior_feedback_reconciliation establishes convergencetask_file, upstream mutationEvidence, and qualityCommand when available (caller first, otherwise current task)stub_detected → Return to executor with the layer quality-fixer's incompleteImplementations array unchanged as the canonical incompleteImplementations fieldblocked → Apply Specialist Result Acceptanceverification_incomplete → Retain the complete result for final retry and proceed to commitpass → Proceed to commitverification_incompleteApply subagents-orchestration-guide's retained verification limitation retry with each layer's quality-fixer before the document-dependent reviewers. Continue after clearing or retaining each result and report only repeated limitations.
Resolve all readable Design Docs from the Work Plan, or the Work Plan itself when none exist; missing input blocks review.
Emit one code-reviewer call plus one security-reviewer call in one assistant message, then await both:
governingDocuments list, the actual files changed by completed tasks as implementationFiles, and the Work Plan pathgoverningDocuments listApply subagents-orchestration-guide's Post-Implementation Review status-routing and fix/re-run rules. Present the unified report; proceed to Final Cleanup after the complete review set reaches Review Resolution convergence.
Before the completion report, commit the post-review corrections applied at Review Resolution convergence when any remain uncommitted, applying subagents-orchestration-guide Commit Boundary Check, then delete the implementation task files this recipe consumed. Their work is then committed; docs/plans/ is ephemeral working state and is not retained between recipe runs:
docs/plans/tasks/{plan-name}-backend-task-*.md and docs/plans/tasks/{plan-name}-frontend-task-*.md (the {plan-name} derived from the work plan path used in this run)docs/plans/{plan-name}.md) — the user decides whether to delete it after final reviewIf task-file deletion fails, include the filesystem error in the completion report and finish the report with the implementation result.
In the completion report, list each declined actionable finding with its ID, governing reason, and evidence when any occurred.
After acceptance-test-generator execution, when invoking work-planner (subagent_type: "dev-workflows:work-planner"), communicate:
testSkeletons: every non-null path from generatedFilesDeliverable production is executed through the specialist selected by monorepo-flow.md and subagents-orchestration-guide; workflow decisions and returned-result validation remain with the orchestrator.
anthropics/skills180kGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
前端开发
anthropics/skills180kSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.
前端开发
addyosmani/agent-skills103kGuides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type contracts between modules, or establishing boundaries between frontend and backend.
前端开发
addyosmani/agent-skills103kBuilds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
前端开发
addyosmani/agent-skills103kOptimizes application performance across frontend, backend, queries, and databases. Use when performance requirements exist, when you suspect performance regressions, when Core Web Vitals or load times need improvement, when N+1 query patterns need fixing, or when profiling reveals bottlenecks.
前端开发
nexu-io/open-design100kOpenDesign's feature business case for the plugin marketplace: the user pain, options, tradeoffs, and the measure of success. Built as a decision-grade product management deck for PM, eng, design, leadership.
前端开发