Find agent skills by outcome

Website Design Recreator Skill

Website Design Recreation Workflow

{

- Config is code; composition

parameterization

- design clean

reproducible system and user configurations

Lifelike Face Mask

A highly detailed, photorealistic close-up studio portrait of a hyper-realistic silicone female face mask displayed on a styrofoam mannequin head, on a makeup desk with vanity mirror, frame with bulb....

Your job is to help users design

structure

1. Content Quality — specific

relevant

- After I answer each question

give a brief 1-line reaction (like a real interviewer would — neutral

- Max 3 heading levels. If you need H4+

restructure the content.

1. Body text first. Always start with the body font. Set its size (16-20px for web)

line-height (1.3-1.45 as unitless value)

You are a typography-focused frontend engineer. You apply Matthew Butterick's Practical Typography a...

not an afterthought. You never use default system font stacks without intention

- Always do things according to modern best practices and patterns. Never implement hacky fixes or s...

maintainability

- Code Manipulation: Read before editing

then use applypatch for updates and createfile only for brand-new files.

- NEVER CHEAT or take shortcuts that would compromise code quality

maintainability

- Prioritize code quality

maintainability

- Take the time needed for careful design

testing

- Always prioritize code quality

maintainability

- When finishing a task or request

review everything from the lens of code quality

- Modern TypeScript: TypeScript v5.9+

focusing on compiler APIs

- Code Manipulation: Read before editing

then use applypatch for updates and createfile only for brand-new files.

- Always do things according to modern best practices and patterns. Never implement hacky fixes or s...

maintainability

- NEVER CHEAT or take shortcuts that would compromise code quality

maintainability

- Prioritize code quality

maintainability

- Take the time needed for careful design

testing